CSS3 :checked sanal sınıfı

Tanım ve kullanım

CSS :checked Sanal sınıf, herhangi bir işaretlenmişle eşleşir <input> veya <option> .

Bu, <input type="radio">, <input type="checkbox"> ve <select> elementleri içindeki <option> için geçerlidir.

Örnek

Örnek 1

Tüm işaretlenmiş <input> elementlerine ince bir kırmızı kontur ayarlamak için:

input:checked {
  outline: 1px solid kırmızı;
}

Kişisel olarak deneyin

Örnek 2

Tek seçim düğmeleri, işaretlenmiş seçenekler ve seçenekler seçildiğinde farklı stiller ayarlamak için:

input[type="radio"]:checked {
  box-shadow: 0 0 5px 3px mavi;
}
input[type="checkbox"]:checked {
  box-shadow: 0 0 5px 3px kızıl;
}
option:checked {
  color: mavi;
  background-color: mavi;
}

Kişisel olarak deneyin

CSS dilbilgisi

:checked {
  css deklarasyonları;
}

Teknik ayrıntılar

Tarayıcı desteği

Tablo içindeki rakamlar, bu sanal sınıfı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.