CSS - :-moz-window-inactive

The :-moz-window-inactive CSS pseudo-class matches any element while it's in an inactive window.

Example

 

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

HTML
<style type="text/css">
#mybox {
  background: linear-gradient(to bottom, blue, cyan);
}

#mybox:-moz-window-inactive {
  background: cyan;
}
</style>

<div id="mybox" style="width:200px; height:200px;">
  <p>This is a box!</p>
</div>

You can view this as a live sample here.

Description  

The :-moz-window-inactive CSS pseudo-class matches any element while it's in an inactive window.

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.

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

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? 4.0 (2)[1] ? ? ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

[1] Implemented in bug 508482.

Specifications  

Not part of any specification.

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/:-moz-window-inactive

CSS CSS Reference CSS:Mozilla Extensions NeedsBrowserCompatibility NeedsLiveSample NeedsMobileBrowserCompatibility Non-standard