注: :blank セレクターは、CSSWG が変更を続けているため、使用するリスクを考慮する必要があります。
CSSWG issue #1967 を参照してください。
:blank は CSS の擬似クラスで、空のユーザー入力要素 (例えば <input> や <textarea>) に一致します。
構文
:blank
例
単純な :blank の例
最終的に対応しているブラウザーでは、 :blank 疑似クラスを使用することで、開発者は、必須ではないが、まだ何も記入されていない入力コントロールを、何らかの方法で強調表示することができるようになります。
HTML
<textarea></textarea>
CSS
textarea:blank {
border: 3px solid red;
}
結果
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| Selectors Level 4 :blank の定義 |
草案 | 初回定義 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
:blank | Chrome 未対応 なし | Edge 未対応 なし | Firefox
未対応
なし
| IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android 未対応 なし | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
凡例
- 未対応
- 未対応
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。