:volume-locked
An experimental pseudo-class that targets audio or video elements that are currently 'locked' from being muted or having their volume changed (often seen in certain accessibility contexts).
Syntax
/* Usage Example */
video:volume-locked {
/* provide haptic or visual feedback if the user tries to change the volume */
outline: 2px solid orange;
}:volume-locked Browser support
Limited availability
Since
2020 13% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
15.4+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more