CSS ::placeholder 仮要素

定義と使用方法

CSS ::placeholder 仮要素は、以下に設定されます <input> または <textarea> 要素のプレースホルダーテキストのスタイル。

プレースホルダーテキストは、placeholder 属性で設定され、この属性はフィールドの期待される値のヒントを説明しています。

ヒント：ほとんどのブラウザでは、プレースホルダーテキストのデフォルトの色は薄灰色です。

例

入力フィールドのプレースホルダーテキストの色と透明度を変更します：

input::placeholder {
  color: red;
  opacity: 0.5;
}

実際に試してみてください

CSS 文法

::placeholder {
  css declarations;
}

技術的詳細

バージョン： CSS Pseudo-elements Module Level 4

ブラウザのサポート

テーブルの数字は、その仮要素を完全にサポートする最初のブラウザのバージョンを指定しています。

クローム エッジ ファイアフォックス サファリ オペラ
57 79 51 10.1 44

関連ページ

CSS リファレンス：:placeholder-shown 仮クラス