How to remove the dropdown arrow from Select Tag in IE, Firefox, Chrome, Safari

Web design is a difficult work also when we think about to make it compatible with all devices, browsers or OS.

Here is one of a regularly question about “How to remove the dropdown arrow from Select tag” which we could solve it in different way as well.

Firefox, Chrome, Safari:

With CSS3, you can do it with following CSS code:


IE 10, IE11

From IE10, Microsoft provides a way to do that as following in CSS3:



There won’t come with a simple CSS solution for IE9


It seems that it’s very difficult to achieve it in IE8 or IE7

Alternative Soltuion

You might try to use a jQuery plugin: Chosen: that might solve this issue for us.

Published by osify

Find us via: Twitter, Facebook

Join the Conversation


Leave a comment

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.