:-moz-window-inactive

非标准:此功能是非标准的,并且不在标准轨道上。请勿在面向 Web 的生产站点上使用它:它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性,并且行为将来可能会发生变化。

:-moz-window-inactive CSS 伪类 是一个 Mozilla 扩展,它匹配任何处于非活动窗口中的元素。

:-moz-window-inactive 也适用于内容 HTML 文档。

注意:在添加此伪类之前,为背景窗口提供不同样式是通过在顶级 XUL chrome 窗口上设置属性 (active="true") 来实现的。此属性不再使用。

语法

css
:-moz-window-inactive {
  /* ... */
}

示例

此示例根据其窗口是否处于活动状态来更改框背景的外观。

HTML

html
<div id="mybox">
  <p>This is a box!</p>
</div>

CSS

css
#mybox {
  background: linear-gradient(to bottom, yellow, cyan);
  width: 200px;
  height: 200px;
}

#mybox:-moz-window-inactive {
  background: cyan;
}

结果

此代码的结果如下所示。您也可以将其视为 单独页面

规范

不属于任何标准。

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅