5.00 / 1 oy

CSS ile tüm checkbox'ları seçmek

CSS seçicilerini bilmeme rağmen her seferinde yanlış yazarak gereksiz yere zaman kaybeden birisi olarak buradan not almak ve benim gibi sık sık hatalı yazım yapan arkadaşlara da copy paste yapabilmeleri için hazır kodları bırakmak istedim.

Sayfadaki tüm checkbox'ları seçmek için aşağıdaki css seçicisini kullanabilirsiniz.

input[type='checkbox'] { 
    
}

Eğer sadece belirli bir class'a sahip div'lerin (sınıf adı da cb olsun) içerisinde yer alan checkbox'ları seçmek isterseniz:

.cb input[type='checkbox'] { 
    cursor:pointer;
}

Sadece seçili olan checkbox'lar için bir class seçicisi kullanmanız gerekiyorsa:

input[type=checkbox]:checked {
    
}

Alternatif olarak sadece belirli checkbox'lar için css kodları yazmanız gerekiyorsa da bu checkbox'lara bir css sınıfı ekleyerek css kodu yazabilirsiniz.

koroglu

01.10.2020 00:35

Bu soru 1 kez yanıtlandı.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS ile tüm checkbox'ları seçmek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.