styl css checkbox z zaznaczonymi i po tagach [duplikat]

Question

May 08, 2013, 12:17 AM

pseudo-element css-content css3 css cross-browser

styl css checkbox z zaznaczonymi i po tagach [duplikat]

To pytanie ma już tutaj odpowiedź:

Czy mogę użyć pseudoelementu: before lub: after w polu wejściowym? 20 odpowiedzi

Próbuję zaprojektować formularz bez użycia JavaScript lub JQuery. Zawiera szereg pól wyboru. Pomysł polega na wyświetleniu określonego gif po polu wyboru, jeśli nie jest zaznaczone. W przeciwnym razie nie wyświetlaj nic po tym. To jest kod, który mam:

input[type=checkbox]::after
{
  content: url(images/unchecked_after.gif);
  position:relative;
  left:15px;
  z-index:100;
}
input[type=checkbox]:checked::after
{
  content:"";
}

Działa w Chrome, ale nie działa w Firefoksie ani IE. Co jest nie tak?