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 {
...
}