@Erling

Самый простой способ оформлять тег SELECT?

Вопрос касается оформления тега списка select. Т.к. ему нельзя задать фон, то я сделал следующим образом то что видно на скрине:
слева это обычный тег select, а справа див с иконкой font-awesome.
Проблема заключается в том, что область со стрелкой не открывает список. Можно конечно привязать событие открытия select по клику на стрелку, но тогда придется подключать плагин, чего хотелось бы избежать.

68424c6c9866421bbbb1ef25647dfca1.jpg

Подскажите, какой самый простой и легкий (в кб) способ сделать навигацию как в моем случае?
Спасибо!
  • Вопрос задан
  • 294 просмотра
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
Блоку со стрелкой укажите pointer-events: none и он не будет реагировать на клики. А селект, лежащий под ним - будет.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Вопрос касается оформления тега списка select. Т.к. ему нельзя задать фон

Можно задавать фон

Можно конечно привязать событие открытия select по клику на стрелку, но тогда придется подключать плагин,

Вы серьёзно?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы