:-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屬性。