css - すべてのブラウザでプレースホルダ属性をスタイルする方法は?

Question

私はこのような要素を持っています<input type="text" placeholder="lorem ipsum">。

placeholderこの属性を CSS でスタイル設定して、すべてのブラウザーで機能するようにするにはどうすればよいですか?

Answer 1

入力のプレースホルダー テキストは (これまでに実装されたブラウザーでは) 明るい灰色です。スタイルを設定するには、ベンダー プレフィックスの CSS プロパティが必要です。

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

この非常によく似た質問を確認することもできます。

• CSS を使用して HTML5 入力のプレースホルダーの色を変更する