CSS :placeholder-shown 伪類

定義と用法

CSS :placeholder-shown 伪類は、現在表示されている占位符テキストの任何 <input> または <textarea> 要素のスタイル。

ヒント：また、以下を使用できます： ::placeholder 占位符テキストのスタイルを設定するために、伪要素を使用します。

例

現在表示されている占位符テキストを設定する <input> 元素のスタイルを選択して設定します：

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

自分で試してみる

CSS文法

:placeholder-shown {
  css declarations;
}

技術的詳細

バージョン： CSS4

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
47 79 59 9 34

関連ページ

参照：CSS ::placeholder 伪元素