:blank

{{SeeCompatTable}}

Примітка: Селектор :blank вважається ризикованим, оскільки CSSWG постійно його змінює.

Дивіться проблему CSSWG #1967.

Псевдоклас CSS :blank (незаповнений, прогалина) вибирає порожні елементи користувацького введення (наприклад, <input> або <textarea>).

Синтаксис

:blank {
  /* ... */
}

Приклади

Простий приклад :blank

У браузерах, що врешті-решт його підтримуватимуть, псевдоклас :blank дасть розробникам змогу певним чином виділяти контрольні поля, які не є обов'язковими, але все ж не мають введеного вмісту, можливо, як нагадування для користувачів.

HTML

<textarea></textarea>

CSS

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

Результат

Специфікації

Сумісність із браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
:blank
Experimental
Chrome No support No
Edge No support No
Firefox No support No
footnote
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

Дивіться також