:blank
{{SeeCompatTable}}
Примітка: Селектор
:blank
вважається ризикованим, оскільки CSSWG постійно його змінює.Дивіться проблему CSSWG #1967.
Псевдоклас CSS :blank
(незаповнений, прогалина) вибирає порожні елементи користувацького введення (наприклад, <input>
або <textarea>
).
Синтаксис
:blank {
/* ... */
}
Приклади
Простий приклад :blank
У браузерах, що врешті-решт його підтримуватимуть, псевдоклас :blank
дасть розробникам змогу певним чином виділяти контрольні поля, які не є обов'язковими, але все ж не мають введеного вмісту, можливо, як нагадування для користувачів.
HTML
<textarea></textarea>
CSS
textarea:blank {
border: 3px solid red;
}
Результат
Специфікації
Специфікація |
---|
Selectors Level 4 (Selectors 4) # blank-pseudo |
Сумісність із браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
:blank
|
Chrome No support No | Edge No support No | Firefox No support No | Internet Explorer No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox for Android No support No | Opera Android No support No | Safari on iOS No support No | Samsung Internet No support No |