How to Remove the Select Arrow in IE9?

Removing the Select Arrow in IE9

Question:

How can you remove the select element arrow in Internet Explorer 9 (IE9)?

Answer:

In IE9, the arrow cannot be removed using solely CSS. Instead, a hack is required, as provided by @Spudley in the question content. If the height and width of the div and select have been customized, the div:before CSS must be adjusted to match.

For IE10 and higher, you can utilize CSS3 by applying the following code:

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

If you prefer a jQuery plugin, consider using Chosen.js or creating your own JavaScript solution.

The above is the detailed content of How to Remove the Select Arrow in IE9?. For more information, please follow other related articles on the PHP Chinese website!