CSS accent-color ominaisuus

Määrittely ja käyttö

accent-color Ominaisuus määrittää käyttöliittymäelementin korostusväri, esimerkiksi:

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

Esimerkki

Aseta korostusväri eri käyttöliittymäelementeille:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Selain valitsee korostusväri.
color

Määritä korostusväri.

Voit käyttää kaikkia sallittuja väriarvoja (rgb, heksadesimaalinen, nimetty väri jne.).

Lisätietoja sallituista arvoista löydät CSS-väritutkielmastamme.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit Peri tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perinnäisyys: on
Animaation tekeminen: Tuki. Katso:Animaatiotunnukset.
Versio: CSS4
JavaScript-kieli: object.style.accentColor="red"

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0