How to remove the dropdown arrow in Internet Explorer

Unlike other browsers, Internet Explorer will not fully disable a <select> element’s style when you use the CSS3 appearance property. To hide the dropdown’s arrow, use the following CSS line:

select::-ms-expand { display: none; }

7 comments on “How to remove the dropdown arrow in Internet Explorer

  1. I am trying to hide the default drop-down arrow in IE9 at time of print.i am able to hide or remove arrow in print. select::-ms-expand { display: none; } its works fine in IE10-IE11 but not works in IE9 browser.Please suggest how to hide or remove drop-drop arrow in IE9.

Leave a Reply to Joe Campbell Cancel reply

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    Markdown is turned off in code blocks:
     [This is not a link](

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see