:-moz-window-inactive
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
:-moz-window-inactive là lớp giả CSS là một phần mở rộng Mozilla khớp với bất kỳ phần tử nào khi nó nằm trong một cửa sổ không hoạt động.
:-moz-window-inactive cũng hoạt động trong các tài liệu HTML nội dung.
Note:
Trước khi lớp giả này được thêm vào, việc cung cấp kiểu khác nhau cho các cửa sổ nền được thực hiện bằng cách đặt một thuộc tính (active="true") trên cửa sổ chrome XUL cấp cao nhất. Thuộc tính này không còn được sử dụng nữa.
Cú pháp
:-moz-window-inactive {
/* ... */
}
Ví dụ
Ví dụ này thay đổi giao diện nền của một hộp tùy thuộc vào việc cửa sổ của nó có đang hoạt động hay không.
HTML
<div id="my-box">
<p>This is a box!</p>
</div>
CSS
#my-box {
background: linear-gradient(to bottom, yellow, cyan);
width: 200px;
height: 200px;
}
#my-box:-moz-window-inactive {
background: cyan;
}
Kết quả
Kết quả của đoạn mã này được hiển thị bên dưới. Bạn cũng có thể xem nó như một trang riêng biệt.
Thông số kỹ thuật
Không thuộc bất kỳ tiêu chuẩn nào.
Khả năng tương thích trình duyệt
Xem thêm
-
Các bộ chọn CSS liên quan:
-
Thuộc tính
Document.activeElementcho DOM thông thường, và thuộc tínhShadowRoot.activeElementcho các gốc shadow DOM.