CSS accent-color egenskap

Definition och användning

accent-color Egenskapen används för att specificera betonfärgen för användargränssnittskontroller, till exempel:

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

Exempel

Ställ in betonfärg för olika användargränssnittskontroller:

input[type=checkbox] {
  accent-color: red;
}
input[type=radio] {
  accent-color: green;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Webbläsaren väljer betonfärgen.
color

Specificera färgen som används som betonfärg.

Man kan använda alla giltiga färgvärden (rgb, hexadecimalt, namngivna färger m.m.).

För mer information om giltiga värden, se vår CSS-färglektion.
initial Sätt detta egenskap till dess standardvärde. Se till: initial.
inherit Inheritera detta egenskap från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde: auto
Ärvbarhet: Ja
Animation tillverkning: Stöd. Se till:Animation relaterade egenskaper.
Version: CSS4
JavaScript-syntax: object.style.accentColor="red"

Webbläsarstöd

Tabellens siffror representerar den första webbläsarens version som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0