Summary
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.
Example
This example alters the appearance of a box's background depending on whether its window is active or not.
<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.
Specifications
Not part of any specification.
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.