✔️ accent-color CSS Style Property

המאפיין accent-color מגדיר מה יהיו צבעי הפקדים של תגיות כגון
<progress>, <input type="checkbox">, <inputtype="radio">, <input type="range">

דוגמא: משנה את צבע תיבת הבחירה, הרדיו המסומנת וגם צבע הפרוגרס

Demo Panel:

cssguide cssguide cssguide

CSS:

HTML:

Syntax:

accent-color: auto | color | initial | inherit;

Valid values:

auto, black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua, transparent, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.accentColor

תאימות דפדפנים

accent-color
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
rgb(255, 0, 0)	✔️	✔️	✔️	✔️
auto	✔️	✔️	✔️	✔️
black	✔️	✔️	✔️	✔️
silver	✔️	✔️	✔️	✔️
gray	✔️	✔️	✔️	✔️
white	✔️	✔️	✔️	✔️
maroon	✔️	✔️	✔️	✔️
red	✔️	✔️	✔️	✔️
purple	✔️	✔️	✔️	✔️
fuchsia	✔️	✔️	✔️	✔️
green	✔️	✔️	✔️	✔️
lime	✔️	✔️	✔️	✔️
olive	✔️	✔️	✔️	✔️
yellow	✔️	✔️	✔️	✔️
navy	✔️	✔️	✔️	✔️
blue	✔️	✔️	✔️	✔️
teal	✔️	✔️	✔️	✔️
aqua	✔️	✔️	✔️	✔️
transparent	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️