CSS-псевдокласс `:-moz-window-inactive`

Нестандартный: Эта функция не является стандартной и не входит в какой-либо процесс стандартизации. Не используйте её на работающих в Интернете сайтах: она может работать не у всех пользователей. Реализации также могут значительно различаться, а поведение может измениться в будущем.

:-moz-window-inactive — это CSS-псевдокласс, являющийся расширением Mozilla, который соответствует любому элементу, когда окно неактивно.

:-moz-window-inactive также работает в HTML-документах с содержимым.

Примечание: До появления этого псевдокласса для задания разных стилей фоновым окнам на окно верхнего уровня XUL chrome устанавливался атрибут (active="true"). Этот атрибут больше не используется.

Синтаксис

:-moz-window-inactive {
  /* ... */
}

Примеры

В этом примере внешний вид фона блока меняется в зависимости от того, активно его окно или нет.

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;
}

Результат

Результат выполнения этого кода показан ниже. Также его можно посмотреть как .

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView на iOS
`-moz-window-inactive`	Нет	Нет	4	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет

См. также

Расширения CSS от Mozilla
Связанные CSS-селекторы:
- :active
Свойство Document.activeElement для обычного DOM и свойство ShadowRoot.activeElement для корней теневого DOM.

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:-moz-window-inactive