Здрасте всем!
Как я и обещал, выкладываю альтернативный способ, как без JS, чистым HTMl/CSS можно стилизовать некрасивую стандартную стрелочку в элементе SELECT.
Для тех, кто пропустил первый способ - добро пожаловать в первую часть статьи
Итак, как выглядит проблема вы можете посмотреть по ссылке выше, а вот еще одно её решение:
Как вы видите, в этом решении мы используем доп-ную обёртку для нашего селекта, задаем ей ширину, большую ширины самого селекта на 25-30 пикселей (ширина стандартной стрелочки - беру всегда чуток с запасом, так как в разных браузерах ширина разная), и с помощью CSS-свойства overflow:hidden скрываю оставшийся кусок селекта со стрелкой. Затем, добавляю нашей обертке фоновую картинку стрелки, и с помощью свойства background:transparent убираю стандартный фон selecta (если этого не сделать - фон внутреннего элемента перекроет нашу стрелку, и её не будет видно).
Этот вариант так же имеет место быть, тем более, что его поддержка распространяется и на старые версии IE, чего не было в предыдущем моем посте.
пару лет назад измучилась, пока придумала как это сделать
🤓
буду следить за вашими постами )))
Буду рад быть полезным :)
а есть че простоя для скролов???
Скролл при помощи css кроссбраузерно стилизовать нельзя.