jquery - Hide Default Select Drop down Arrow in IE9 -
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; }
Comments
Post a Comment