Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

<textarea></textarea> 

:blank

Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.

Note: The :blank selector is considered at risk, as the CSSWG keeps changing it.

See CSSWG issue #1967.

The :blank CSS pseudo-class selects empty user input elements (e.g. <input> or <textarea>).

Syntax

:blank

Examples

Simple :blank example

In eventual supporting browsers, the :blank pseudo-class will enable developers to highlight in some way input controls that are not required, but still have no content filled in, perhaps as a reminder to users.

HTML

<textarea></textarea> 

CSS

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

Result

Specifications

Specification
Selectors Level 4 # blank-pseudo

See also

:empty

Last modified: Aug 12, 2021, by MDN contributors

Select your preferred language English (US)EspañolFrançais日本語Português (do Brasil)中文 (简体) Change language