CSS Trick - Mengenal Selektor :checked

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.