:volume-locked

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

:volume-locked CSS 伪类选择器表示能够发出声音，但其音量目前被用户“锁定”的媒体元素，如 <audio> 或 <video>。

用户代理可能根据用户偏好设置媒体的 muted 或 volume 值（例如，在会话之间记住上次设置的值、基于每个网站的设置，或者其他方式）。被标记为 :volume-locked 的元素无法通过 JavaScript 静音、取消静音或更改音量。锁定状态是操作系统或用户代理的首选项。

语法

css
:volume-locked {
  /* ... */
}

示例

CSS

css
:volume-locked {
  border: 5px solid green;
}

video:volume-locked {
  border: 5px solid aqua;
}

规范

Specification
Selectors Level 4
# selectordef-volume-locked
HTML Standard
# selector-volume-locked

浏览器兼容性

BCD tables only load in the browser

参见