TIL: accent-color
https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color
The
accent-color
CSS property sets the color of the elements accent. An accent appears in elements such as<input>
oftype="checkbox"
, ortype="radio"
.
See the Pen Big ass radio buttons by Chris Coyier (@chriscoyier) on CodePen.
Note that it applies to only checkboxes and radio buttons. Other native widgets like <input type="date">
or select
arrow won’t apply the color. And currently not supported in Safari :(