1. Web
  2. CSS
  3. :muted

:muted

Limited availability

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

The :muted CSS pseudo-class selector represents an element that is capable of making sound, such as <audio> or <video>, but is muted (forced silent).

Muted is different from :volume-locked in that the page author has control over whether a media element can be muted or un-muted. User agents may set media muted value according to use preferences (e.g., remembering the last set value across sessions, on a per-site basis, or otherwise). An element that is :volume-locked cannot be muted, un-muted, or have its volume changed via JavaScript because of an operating system or user agent preference.

Syntax

css
:muted {
  /* ... */
}

Examples

CSS

css
:muted {
  outline: 5px solid red;
}

video:muted {
  outline: 5px solid blue;
}

Specifications

Specification
Selectors Level 4
# selectordef-muted
HTML
# selector-muted

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content