jquery - Hide Default Select Drop down Arrow in IE9 -


ref demo

ihave tried css appearance: none; hide select drop down arrow. in ie9 arrow shows. reference see image.

any idea how hide arrow using css or jquery?

here code:

    .fields-set select{ height:32px; border:1px solid #ccc; margin: 0 19px 0 1%; padding:0 32px 0 1%; width:55%; float: left; overflow: hidden; background:url("https://encrypted-tbn2.gstatic.com/images?q=tbn:and9gcr3xt6psvebcctyjggescb55gbm91fggbyrmfbs3cgefoqjfwvb") no-repeat scroll right center padding-box border-box #fff; box-shadow: none; -webkit-appearance: none;    -moz-appearance: none;         appearance: none;     -ms-appearance: none  \9;      -o-appearance: none;     } 

you can use drop-down arrow in ie.

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

reference


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -