We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

:-moz-window-inactive Redirect 1

Jump to:


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

Last updated by: Sheppy,