Your Search Results



    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.


    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;
      <div id="mybox" style="width:200px; height:200px;">
        <p>This is a box!</p>

    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