:muted

Targets media elements (like <video> or <audio>) when they are currently muted.

/* Usage Example */
video:muted {
  /* Visual indicator that the video is currently silent */
  opacity: 0.8;
  border: 2px solid #ef4444;
}
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+
Interop 2026 focus area ? Learn more →
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC