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

Question

[Erling]

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



Подскажите, какой самый простой и легкий (в кб) способ сделать навигацию как в моем случае?
Спасибо!

Answer 1

[Алексей Уколов]

Блоку со стрелкой укажите pointer-events: none и он не будет реагировать на клики. А селект, лежащий под ним - будет.

Comments

[Erling]

Замечательно. Только недавно про него читал, но не сообразил. Уже использовал. Спасибо :)

Answer 2

[Андрей Хохлов]

Вопрос касается оформления тега списка select. Т.к. ему нельзя задать фон

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

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

Вы серьёзно?