Почему не работает стилизация radio и checkbox через использование псевдоэлементов :after и :before в Firefox?

Question

[Дмитрий Ким]

Была стилизация чекбоксов и радио через псевдоэлементы. Вот пример чекбокса: jsfiddle.net/rzqs55eb/1. В хроме работает на ура, а firefox почему-то вообще не показывает псевдоэлементы для элементов input.
ЧЯДНТ?

Answer 1

[Mr Crabbz]

Ну вообще, насколько я помню, input не могут содержать :before и :after в принципе, т.к. он не является "контейнерным" элементом.
Скорее всего ранее вы проводили манипуляции с label'aми.

Answer 2

[Денис Инешин]

Увы, нельзя стилизовать эти элементы кроссбраузерно на чистом CSS. Можно только сымитировать их работу, скрыв нативный элемент (есть и CSS и JS реализации). Например:
Ion.CheckRadio
Switchery
Fancy Checkboxes
jQuery Checkbox
Custom Checkboxes