blog

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> of type="checkbox", or type="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 :(