CSS accent-color Eigenschap

Definitie en gebruik

accent-color De eigenschap wordt gebruikt om de benadrukkingskleur van gebruikersinterface-elementen te specificeren, bijvoorbeeld:

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

Voorbeeld

Stel de benadrukkingskleur in voor verschillende gebruikersinterface-elementen:

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%);
}

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De browser kiest de benadrukkingskleur.
kleur

Specificeer de kleur die wordt gebruikt voor de benadrukkingskleur.

Je kunt alle geldige kleurenwaarden gebruiken (rgb, hexadecimaal, benoemde kleuren, enz.).

Voor meer informatie over geldige waarden, raadpleeg onze CSS-kleurencursus.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheriteer deze eigenschap van de ouderweergave. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritabiliteit: Ja
Animatieproductie: Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS4
JavaScript syntaxis: object.style.accentColor="red"

Browserondersteuning

Tafelsymbolen geven de browserversie aan die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0