:blank

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

メモ: セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。

CSSWG issue #1967 を参照してください。

:blankCSS擬似クラスで、空のユーザー入力要素 (例えば <input><textarea>) を選択します。

構文

:blank

単純な :blank の例

最終的に対応しているブラウザーでは、 :blank 擬似クラスを使用することで、開発者は、必須ではないが、まだ何も記入されていない入力コントロールを、何らかの方法で強調表示することができるようになります。

HTML

html
<textarea></textarea>

CSS

css
textarea:blank {
  border: 3px solid red;
}

結果

仕様書

Specification
Selectors Level 4
# blank-pseudo

ブラウザーの互換性

BCD tables only load in the browser

関連情報