Atribut accent-color CSS

Definisi dan penggunaan

accent-color Atribut digunakan untuk menentukan warna menonjol komponen antarmuka pengguna, seperti:

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

Contoh

Atur warna menonjol untuk komponen antarmuka pengguna yang berbeda:

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

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai Deskripsi
auto Nilai default. Browser memilih warna menonjol.
warna

Tentukan warna yang digunakan sebagai warna menonjol.

Dapat digunakan semua nilai warna yang sah (rgb, heksadesimal, warna yang dinamai, dll).

Untuk informasi lebih lanjut tentang nilai yang sah, lihat tutorial warna CSS kami.
initial Atur atribut ini ke nilai default. Lihat initial。
inherit Mewarisi atribut ini dari elemen orangtua. Lihat inherit。

Detil teknis

Nilai default: auto
Kewujudan yang dapat diwarisi: Ya
Pembuatan animasi: Dukungan. Lihat:Atribut berhubungan dengan animasi。
Versi: CSS4
Sintaksis JavaScript: object.style.accentColor="merah"

Dukungan Browser

数字 di tabel menunjukkan versi browser yang pertama yang mendukung atribut ini penuhnya。

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0