The accent-color CSS property allows the page to specify a color used by form controls instead of using the builtin default color. For example, "accent-color: red" on an <input type=checkbox> would change the blue color around the checkmark to red.

Motivation

A number of developers have indicated that they would prefer to be able to change the color of form controls. For example: https://bugs.chromium.org/p/chromium/issues/detail?id=1091531

Specification

Editor's draft

Status in Chromium

Blink>CSS


In developer trial (Behind a flag) (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Intent to Prototype url

Intent to Prototype thread

Last updated on 2021-06-09