CSS3 – :checked

Você já deve ter precisado fazer alguma peripécia para a seguinte situação: Há uma série de checkbox e você precisava diferenciá-los quando eles estão checados. Normalmente o pessoal usa algum scriptzinho para poder mudar uma classe e assim poder formatar via CSS.

No CSS3 esse problema desaparece. Há uma pseudo-classe chamada :checked.

A sintaxe:

input:checked {}

Logo, quando um input é checado, ele recebe as características que você quiser sem precisar criar qualquer script. Simples e eficiente.

Se quiser ver um preview:

Seletor CHECKED

Mais de CSS3?

Saiba como a propriedade BACKGROUND irá se comportar.