:defaultSözde seçici kullanıcı farklı bir değer seçilmiş olsa bile, bu tür varsayılan olarak seçilir düğmeleri bir grup radyo düğmesi olarak ilişkili unsurların, bir grup varsayılan eşleşir.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )Yukarıdaki CSS, bir grup radyo düğmesinde varsayılan olarak seçilen radyo düğmesinden hemen sonra gelen etiketi hedefler:
- kırmızı
- yeşil
- mavi
Yeşil radyo düğmesinin etiketini destekleyen tarayıcılarda gri, italik metinle "(varsayılan)" metni gelecektir.
- kırmızı
- yeşil
- mavi
Örnekler, bir düğme grubundaki varsayılan gönder düğmesini, bir açılır menüden varsayılan seçeneği checked, HTML'de özelliğe sahip radyo düğmesini (destekleyici tarayıcılarda görüldüğü gibi) ve varsayılan olarak işaretlenmiş onay kutularını içerir.
Daha fazla kaynak
- Demo
- MDN sayfası açık: varsayılan
- W3C CSS3 UI özellikleri
- W3C Seçiciler Seviye 4
Tarayıcı Desteği
Farklı tarayıcıların farklı destek seviyeleri vardır. Firefox tam destek sağlar. Webkit tarayıcıları düğmelerde varsayılanı destekler ancak radyo veya onay kutularını desteklemez ve Opera bunun tersidir, radyo düğmeleri ve onay kutularında destekler, ancak göndermede desteklemez.
- Opera
:default, onay kutuları ve radyo düğmelerini destekler . - Chrome ve Safari dahil Webkit tarayıcıları,
:defaultgönder düğmesinde destek - Firefox
:default, onay kutusu, radyo VE gönderme giriş türlerini destekler. - Internet explorer,
:defaultonay kutusu, radyo veya gönderme giriş türlerini desteklemez.
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | Yok | Yok | 5 |