2015-12-14 16 views
5

IE9ブラウザのCSSの問題について本当に混乱しています。私はtextarea要素のウェブページをplaceholderとしています。私は:Windows 7 OSのIE9で-ms-input-placeholderが動作しない

enter image description here

入力テキストテキスト整列を左に設定され、プレースホルダのみをtext-align: center;たい。

enter image description here

以下の私の編集を参照してください。

Htmlの

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <style> 
     textarea { 
      width: 80%; 
      height: 80px; 
     } 

     ::-webkit-input-placeholder { 
      text-align: center; 
     } 

     :-moz-placeholder { 
      text-align: center; 
     } 

     ::-moz-placeholder { 
      text-align: center; 
     } 

     :-ms-input-placeholder { 
      text-align: center; 
     } 
    </style> 
</head> 
<body> 
    <textarea rows="2" cols="21" id='txtnote' class="testplaceholder" maxlength="500" placeholder="Note" onblur=""></textarea> 
</body> 
</html> 

すべてがWindows 8のでIE 11、FirefoxやChromeで正常に動作しますが、私はWindows 7でIE9にして をこのWebページを見たとき、それは

を働いていません
+0

私の答えが正しい場合は、それを受け入れてください。 –

答えて

0

MSDNによれば、このセレクタを動作させるには、IE 10以上が必要です。 IE9でサポートされていない場合は、希望通りに動作させるための他の回避策があります。

SO answerまたはalternative JS hereをご覧ください。

+0

これはIEの問題にどのように対処していますか?プレフィックス-ms-は既に存在していたので、このアンサーは他のブラウザにも対応していますが、IEの質問の対象を好都合に無視しています。 – BoltClock

+0

当初は質問にその詳細がなかったので、私はそれ以来私の答えを調整しました。ありがとうございました –

関連する問題