`:-moz-only-whitespace` CSS pseudo-class

Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.

Note: In Selectors Level 4, the :empty selector was changed to act like :-moz-only-whitespace, but no browser currently supports this yet.

The :-moz-only-whitespace CSS pseudo-class matches elements that only contain text nodes that only contain whitespace. (This includes elements with empty text nodes and elements with no child nodes.)

Syntax

css

:-moz-only-whitespace {
  /* ... */
}

Examples

Basic :-moz-only-whitespace example

HTML

html

<div> </div>

CSS

css

div {
  border: 4px solid red;
}

:-moz-only-whitespace {
  border-color: lime;
}

Result

Specifications

Briefly defined as :blank in Selectors Level 4, but then the functionality was merged into :empty and :blank redefined to mean empty <input>.

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`:-moz-only-whitespace` Non-standard	Chrome – No support Chrome footnote No support	Edge – No support Edge footnote No support	Firefox – Full support Firefox 1 (Release date: 2004-11-09) footnote footnote See bug 1106296	Opera – No support Opera footnote No support	Safari – No support Safari footnote No support	Chrome Android – No support Chrome Android footnote No support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote footnote See bug 1106296	Opera Android – No support Opera Android footnote No support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – No support Samsung Internet footnote No support	WebView Android – No support WebView Android footnote No support	WebView on iOS – No support WebView on iOS footnote No support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support
: Non-standard. Check cross-browser support before using.
: See implementation notes.

:-moz-only-whitespace CSS pseudo-class