CSS ::プレースホルダーセレクター
例
入力フィールドのプレースホルダーテキストの色を変更します。
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
定義と使用法
セレクターは::placeholder
、プレースホルダーテキストを含むフォーム要素を選択し、プレースホルダーテキストのスタイルを設定できるようにします。
プレースホルダーテキストは、入力フィールドの期待値を説明するヒントを指定するプレースホルダー属性で設定されます。
ヒント:ほとんどのブラウザでは、プレースホルダーテキストのデフォルトの色は薄い灰色です。
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
数字の後に-webkit-、-moz-、または-ms-が続く場合は、プレフィックスを使用して機能した最初のバージョンを指定します。
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
CSS構文
::placeholder {
css declarations;
}