Definition
The accent-color property can be used to control the color accents on select UI elements. Apply the accent-color property, with a color, to a class to get started.
.accent {
accent-color: #f8a100;
}
accent-color is only supported on the elements below.
<input type="checkbox" />
<input type="radio" />
<input type="range" />
<progress></progress>
Let’s compare the differences between the default elements vs their updates with accent-color applied.