CSS Trick - Mengenal Selektor :checked

16/06/2016    Reza Indra    1161     Artikel Bebas

Ketika sebuah form checkbox kita pilih/checked, maka akan ada tanda centang pada kotak kecil checkbox itu. Ada satu cara bagaimana menandai sebuah checkbox yang dipilih lebih dari sekedar muncul tanda centang, kita bisa memberi style seperti color, background, atau apapun yang diinginkan. Cara tersebut adalah menggunakan pseudo class :checked.

Pseudo class :checked ditempatkan setelah selektor input. Sama seperti halnya :hover atau :active, pseudo class :checked dipakai khusus untuk form input checkbox. Berikut adalah contoh penggunaannya.

See the Pen BNaEOm by Preethi (@rpsthecoder) on CodePen.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More