Выберите Box и флажок Замена

Question

Я ищу разумный способ стилизовать поля выбора, флажки и / или радиокнопки с помощью CSS. Я знаю, что вы не можете сделать это с простым CSS из-за того, как работают механизмы рендеринга браузеров.

Но есть ли javascript-способы для стилизации этих элементов HTML? И работают ли они в основных браузерах?

Answer 1

Выбранные списки идеально подходят для CSS. То есть, за исключением IE <8, который заменяет их элементами управления ОС. </p>

Что касается чекбоксов и радиокнопок, то да, они не очень удобны для CSS. Это просто так, хотя иногда вы можете установить цвета на них. Я думаю, что можно оставить их такими, какие они есть.

Answer 2

Dojo содержит некоторые реализованные в DHTML виджеты, которые могут заменить их для многих страниц. Когда кто-то выключил JS, он грациозно ухудшается до нативных.

Answer 3

Вы можете постепенно улучшать выбор, полностью заменив его меткой и стилизовав метку, чтобы она выглядела как выпадающее меню, а затем прикрепите обработчик события к событию click и, возможно, keydown, чтобы открыть элемент div, содержащий интервалы, которые содержат атрибуты значения (или хранят данные в js, но так проще), а затем присоединяют к обработчикам отдельные обработчики событий щелчка. вам нужно будет прикрепить обработчик кликов к документу, и если цель объекта события не находится внутри сгенерированного выпадающего списка, закройте его, и вам, вероятно, понадобится другая логика.

Сначала это, вероятно, будет недоступно, вы можете попытаться сделать его более доступным, подключив обработчики событий клавиатуры, но это практично.