Как добавить стрелку в тег выбора? ⇐ CSS

[Anonymous]

I faced a problem when styling the select tag. The thing is that by default, the arrow is in the right corner of the field, which takes the size of the largest option tag. That's why, when a small option is selected, everything looks not in a proper way. Is there any possibility to adjust the width of the select tag to the current option or somehow attach the arrow to it? Thanks in advance! enter image description here

I tried applying the appearance: none property and adding an arrow using the after pseudo element, but nothing worked.


Источник: https://stackoverflow.com/questions/781 ... select-tag