CSS/Selektoren/muted
Der :muted-Selektor ist eine dynamische Pseudoklasse. Sie steht für ein Element, das Ton wiedergeben kann, wie z. B. audio oder video, aber stummgeschaltet ist (zwangsweise stummgeschaltet).
Muted unterscheidet sich von :volume-locked dadurch, dass der Seitenautor die Kontrolle darüber hat, ob ein Medienelement stummgeschaltet oder wieder eingeschaltet werden kann. Benutzeragenten können den Wert für die Stummschaltung von Medien entsprechend den Benutzereinstellungen festlegen (z. B. durch Speichern des zuletzt festgelegten Werts über mehrere Sitzungen hinweg, auf Basis der jeweiligen Website oder auf andere Weise). Ein Element, das :volume-locked ist, kann aufgrund einer Einstellung des Betriebssystems oder des Benutzeragenten nicht stummgeschaltet, die Stummschaltung aufgehoben oder die Lautstärke über JavaScript geändert werden.
- Syntax
:muted {}- anwendbar auf
:muted {
outline: 5px solid red;
}
video:muted {
outline: 5px solid blue;
}
Siehe auch
Weblinks
- WHATWG: :muted Selectors Level 4
- MDN: :muted
- Browser-Support: caniuse.com
- dynamische Pseudoklassen
- :active
- :any-link
- :autofill
- :buffering
- :checked
- :default
- :defined
- :disabled
- :enabled
- :focus
- :focus-visible
- :focus-within
- :fullscreen
- :future
- :has()
- :hover
- :in-range
- :indeterminate
- :invalid
- :is()
- :lang()
- :link
- :modal
- :muted
- :not()
- :open
- :optional
- :out-of-range
- :picture-in-picture
- :placeholder-shown
- :popover-open
- :read-only
- :read-write
- :required
- :target
- :target-current
- :user-invalid
- :user-valid
- :valid
- :visited
- :where()
- einfache Selektoren
- Kombinatoren
- Pseudoelemente
- strukturelle Pseudoklassen
:mutedfärbt den Rahmen eines Videos, während es stummgeschaltet ist..