Веб-страница | frontend, backend, fullstack, react, vue, javascript, typescript, css, html
IT и технологии · 27 июля 2026 г.
CSS ::checkmark обещает убрать лишний JavaScript из кастомных дропдаунов — 27 июля 2026 г. в 20:02:41.244
CSS ::checkmark обещает убрать лишний JavaScript из кастомных дропдаунов Псевдоэлемент ::checkmark из CSS Form Control Styling Module Level 1 позволяет стилизовать галочку выбранного пункта в нативном <select> без кастомной разметки и скриптов. Вместо div-обёртки, стрелочки и ручной навигации с клавиатуры вы задаёте appearance: base-select и переопределяете content у ::checkmark. Ловушка в двух ограничениях: на момент статьи он не работает в Safari и Firefox, а в остальных браузерах поддерживается только для <option> внутри <select> — чекбоксы и радиокнопки пока недоступны. Поэтому кастомные контролы пока остаются нужны. Подробности в разборе Сунканми Фафоворы.