CSS accent-color Özelliği

Tanım ve Kullanım

accent-color Özellik, kullanıcı arayüzü kontrolçülerinin vurgulanmış renğini belirlemek için kullanılır, örneğin:

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

Örnek

Farklı kullanıcı arayüzü kontrolçüleri için vurgulanmış renk ayarlayın:

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

Kendi Kendine Deneyin

CSS Dilbilgisi

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

Özellik Değeri

Değer Açıklama
auto Varsayılan Değer. Tarayıcı vurgulanmış rengi seçer.
color

Vurgulanmış Renk olarak kullanılacak renk belirtin.

Tüm geçerli renk değerlerini kullanabilirsiniz (rgb, ondalık, adlandırılmış renkler vb.).

Geçerli değerler hakkında daha fazla bilgi için, CSS Renk Eğitimimize bakın.
initial Bu özelliği varsayılan değerine ayarlar. Aşağıdan Görün: initial.
inherit Bu özelliği ebeveyn elementinden kalıtır. Aşağıdan Görün: inherit.

Teknik Ayrıntılar

Varsayılan Değer: auto
Kalıtım: Evet
Animasyon Yapımı: Desteği Var. Aşağıdan Görün:Animasyon İle İlgili Özellikler.
Sürüm: CSS4
JavaScript Dilbilgisi: object.style.accentColor="red"

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0