In life, it’s all about the little details that give a wow factor. In a wardrobe, the wow factor comes from watches and scents. In furniture, it’s all about pillows and rugs. These things aren’t the primary focus, but the accent. Accents are what make or break an appearance. Luckily for us, there is a pretty cool feature in CSS that gives us some native flexibility there.

accent-color is a CSS property available to input elements(checkboxes, radios, range, and progress) and the progress element. Using it is simple as well, one line. Let’s take a look!

.AccentBlack {
  accent-color: #000000;

.AccentRed {
  accent-color: #FF0000;