accent-color
Sets the accent color for user-interface controls like checkboxes, radio buttons, and range sliders. It allows you to style native forms with your brand color with a single line of CSS.
Quick example
form.brand-theme {
accent-color: var(--primary-color);
/* styles all native checkboxes and radio buttons to match your brand */
}Quick facts
Initial value
autoInherited
Yes
Applies to
all elements
Animation type
byComputedValueType
Values
autoaccent-color Browser Support
Limited availability94% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
93+
92+
26.2+
93+