Оформление чекбокса css form с отмеченными и после тегами [duplicate]
На этот вопрос уже есть ответ здесь:
Могу ли я использовать псевдоэлемент: before или: after в поле ввода? 20 ответовЯ пытаюсь создать форму без использования JavaScript или JQuery. Он включает в себя ряд флажков. Идея состоит в том, чтобы отображать определенный gif после флажка, если он не отмечен. В противном случае ничего не отображать после него. Вот код, который у меня есть:
input[type=checkbox]::after
{
content: url(images/unchecked_after.gif);
position:relative;
left:15px;
z-index:100;
}
input[type=checkbox]:checked::after
{
content:"";
}
Он работает в Chrome, но, похоже, не работает в Firefox или IE. Что случилось?