:-moz-window-inactive

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; }

Result

The result of this code is shown below. You can view this as a separate page as well.

Specifications

Not part of any standard.

Browser compatibility

See also