:blank

Experimental

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

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

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

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

構文

:blank

単純な :blank の例

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

HTML

<textarea></textarea>

CSS

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

結果

仕様書

仕様書 状態 備考
Selectors Level 4
:blank の定義
草案 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報