Задать вопрос
kimono
@kimono
Web developer
css

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

Была стилизация чекбоксов и радио через псевдоэлементы. Вот пример чекбокса: jsfiddle.net/rzqs55eb/1. В хроме работает на ура, а firefox почему-то вообще не показывает псевдоэлементы для элементов input.
ЧЯДНТ?
  • Вопрос задан
  • 1808 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
Punkie
@Punkie
Ну вообще, насколько я помню, input не могут содержать :before и :after в принципе, т.к. он не является "контейнерным" элементом.
Скорее всего ранее вы проводили манипуляции с label'aми.
Ответ написан
Комментировать
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
Увы, нельзя стилизовать эти элементы кроссбраузерно на чистом CSS. Можно только сымитировать их работу, скрыв нативный элемент (есть и CSS и JS реализации). Например:
Ion.CheckRadio
Switchery
Fancy Checkboxes
jQuery Checkbox
Custom Checkboxes
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Нужно написать мини-текст (комментарий) на английском
24 апр. 2024, в 12:47
300 руб./за проект
Разработка дизайна коробки в развернутом виде
24 апр. 2024, в 12:13
2000 руб./за проект
Нужна лендинг страница для telegram канала
24 апр. 2024, в 12:11
1000 руб./за проект
Ещё заказы