:-moz-window-inactive
非标准: 该特性是非标准的,请尽量不要在生产环境中使用它!
:-moz-window-inactive
CSS 伪类是一个 Mozilla 扩展匹配处于非活动窗口中的任何元素。
:-moz-window-inactive
也适用于 HTML 文档中的内容。
备注:
在引入这个伪类之前,为背景窗口提供不同的样式是通过在顶层 XUL chrome 窗口上设置属性(active="true"
)来实现的。这个属性现在已不再使用。
语法
css
:-moz-window-inactive {
/* ... */
}
示例
此示例根据窗口是否处于活动状态来改变框背景的外观。
HTML
html
<div id="mybox">
<p>这是一个盒子!</p>
</div>
CSS
css
#mybox {
background: linear-gradient(to bottom, yellow, cyan);
width: 200px;
height: 200px;
}
#mybox:-moz-window-inactive {
background: cyan;
}
结果
此代码的结果如下所示。你也可以打开一个单独的页面查看。
规范
不属于任何标准。
浏览器兼容性
BCD tables only load in the browser
参见
-
相关的 CSS 选择器:
-
常规 DOM 的
Document.activeElement
属性和影子 DOM 根的ShadowRoot.activeElement
属性。