estilo de caixa de seleção de formulário css com marcações marcadas e depois [duplicadas]
Esta questão já tem uma resposta aqui:
Posso usar um: antes ou depois do pseudoelemento em um campo de entrada? 20 respostasEu estou tentando criar um formulário sem usar JavaScript ou JQuery. Inclui uma série de caixas de seleção. A idéia é exibir um certo gif após a caixa de seleção, se estiver desmarcada. Caso contrário, não exiba nada depois disso. Este é o código que tenho:
input[type=checkbox]::after
{
content: url(images/unchecked_after.gif);
position:relative;
left:15px;
z-index:100;
}
input[type=checkbox]:checked::after
{
content:"";
}
Ele funciona no Chrome, mas não parece estar funcionando no Firefox ou no IE. O que está errado?