CSS/Eigenschaften/accent-color

Browserunterstützung
caniuse.com

Die Eigenschaft accent-color setzt die Farbe des Akzents des Elements. Ein Akzent erscheint in Elementen wie input von type="checkbox", oder type="radio".

Erlaubte Werte

• auto: Es wird die Farbeinstellung von color übernommen
• transparent
• currentColor
• Farbangabe

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

input {
  accent-color: red;
}

Die Akzentfarbe wird derzeit (2023) auf die Schaltflächen von Checkboxen und Radiobuttons angewendet, sowie auf <input type="range">- und <progress>-Elemente.

Empfehlung: Eine Farbangabe eines Verlaufs bleibt wirkungslos.

Siehe auch

• CSS/Tutorials/Benutzeroberfläche
• Formulare
  • Formulare/Auswahllisten
    Checkboxen mit accent-color gestalten
  • Formulare/Eingabe von Zahlen
    (farbige) Schieberegler mit Sprungmarken

Weblinks

• Spezifikation (W3C): CSS Basic User Interface Module Level 4
• Details: caniuse.com