:-moz-window-inactive

Summary

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

Note: Prior to the addition of this attribute, 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: -moz-linear-gradient(top, 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.

This was implemented in bug 508482.

Document Tags and Contributors

Contributors to this page: Sheppy, MarkusStange, fscholz, velvel53
Last updated by: velvel53,
Hide Sidebar