:-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 的浏览器中加载。
另请参阅
- Mozilla CSS 扩展
- 相关 CSS 选择器
- 用于常规 DOM 的
Document.activeElement
属性,以及用于 Shadow DOM 根的ShadowRoot.activeElement
属性。