Cross-Browser Custom Select Tag Arrow

Riccardo Andreatta
5 min readAug 11, 2017

Have you ever faced the problem that the HTML tag select has with its default style and arrow appearance on different browsers? Especially on the older Internet Explorer browsers?

Well, if the answer is “YES”, or maybe you want a drop-down arrow that appear the same in each browsers (including the old ones), here there is an easy trick.

It’s all CSS, no JavaScript needed!

Do you want to see it in action first? Take a look at these examples with all your browsers!

--

--