:-moz-window-inactive
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Die :-moz-window-inactive
CSS Pseudoklasse ist eine Mozilla-Erweiterung, die jedes Element abgleicht, während es sich in einem inaktiven Fenster befindet.
:-moz-window-inactive
funktioniert auch in HTML-Dokumenten.
Hinweis:
Vor der Einführung dieser Pseudoklasse wurden unterschiedliche Stile für Hintergrundfenster erreicht, indem ein Attribut (active="true"
) auf das XUL-Chromfenster der obersten Ebene gesetzt wurde. Dieses Attribut wird nicht mehr verwendet.
Syntax
:-moz-window-inactive {
/* ... */
}
Beispiele
Dieses Beispiel ändert das Erscheinungsbild des Hintergrundes einer Box, abhängig davon, ob das Fenster aktiv ist oder nicht.
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;
}
Ergebnis
Das Ergebnis dieses Codes wird unten gezeigt. Sie können dies auch als separate page betrachten.
Spezifikationen
Nicht Bestandteil eines Standards.
Browser-Kompatibilität
Siehe auch
-
Verwandte CSS-Selektoren:
-
Die
Document.activeElement
-Eigenschaft für reguläre DOMs und dieShadowRoot.activeElement
-Eigenschaft für Shadow DOM-Wurzeln.