:blank
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
メモ: セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。
CSSWG issue #1967 を参照してください。
:blank
は CSS の擬似クラスで、空のユーザー入力要素 (例えば <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