Detecção de recurso simples para: pseudo-seletor verificado

Se você já estilizou uma caixa de seleção / botão de opção de forma acessível usando o :checkedpseudo-seletor, você sabe que o IE8 não oferece suporte a ele. Normalmente temos duas opções: um teste Modernizr personalizado ou uma classe condicional do IE .

Existe uma maneira mais simples de detectá-lo e não depende de nada externo:

/* hide the default element only on browsers that support :checked */
input
:checked, input:not(checked) {
display
: none;
}

/* now you're free to style the label and IE8- will still have the original one */
input
:checked + label {
...
}


@joaocunha