:-moz-window-inactive
非标准:此特性未标准化。我们不建议在生产环境中使用非标准特性,因为它们浏览器支持有限,并且可能会更改或被移除。但是,在没有标准选项的特定情况下,它们可以是合适的替代方案。
:-moz-window-inactive CSS 伪类是 Mozilla 扩展,用于匹配处于非活动窗口中的任何元素。
:-moz-window-inactive 也适用于 HTML 内容文档。
注意:在此伪类添加之前,通过在顶级 XUL 浏览器窗口上设置属性(active="true")来实现对后台窗口的不同样式设置。此属性现已不再使用。
语法
css
:-moz-window-inactive {
/* ... */
}
示例
此示例根据窗口是否活动来改变盒子背景的外观。
HTML
html
<div id="my-box">
<p>This is a box!</p>
</div>
CSS
css
#my-box {
background: linear-gradient(to bottom, yellow, cyan);
width: 200px;
height: 200px;
}
#my-box:-moz-window-inactive {
background: cyan;
}
结果
此代码的结果如下所示。您也可以将其视为一个单独的页面。
规范
不属于任何标准。
浏览器兼容性
加载中…
另见
-
相关 CSS 选择器
-
常规 DOM 的
Document.activeElement属性,以及 Shadow DOM 根的ShadowRoot.activeElement属性。