`:-moz-window-inactive` 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.

The :-moz-window-inactive CSS pseudo-class is a Mozilla extension that matches any element while it's in an inactive window.

:-moz-window-inactive works in content HTML documents, too.

Note: Prior to the addition of this pseudo-class, giving different styles to background windows was achieved by setting an attribute (active="true") on the top-level XUL chrome window. This attribute is no longer used.

Syntax

css

:-moz-window-inactive {
  /* ... */
}

Examples

This example alters the appearance of a box's background depending on whether its window is active or not.

HTML

html

<div id="my-box">
  <p>This is a box!</p>
</div>

CSS

css

#my-box {
  background: linear-gradient(to bottom, yellow, cyan);
  width: 200px;
  height: 200px;
}

#my-box:-moz-window-inactive {
  background: cyan;
}

	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-window-inactive` Non-standard	Chrome – No support Chrome footnote No support	Edge – No support Edge footnote No support	Firefox – Full support Firefox 4 (Release date: 2011-03-22) footnote Full support	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 – No support Firefox for Android footnote No support	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.

`:-moz-window-inactive` CSS pseudo-class

Syntax

Examples

HTML

CSS

Result

Specifications

Browser compatibility

See also

:-moz-window-inactive CSS pseudo-class

Legend

`:-moz-window-inactive` CSS pseudo-class