Reputation: 2042
I am trying to customize the dropdown with these style.The style rendering properly in Chrome but in IE anf FF default stle is overriding the css.
here is the Css style for dropdown
<select class="ddText dropdown-select" id="opt" style="width: 90px;">
Upvotes: 0
Views: 145
Reputation: 2042
As saikiran.vsk suggested in FF the you can use
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
}
and in IE this will work , but IE 9+
select::-ms-expand{ display:none; }
you can add this either globally or class based.Thanks How to hide drop down arrow in IE8 & IE9? @spudley
Upvotes: 0
Reputation: 1796
use these styling element
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
}
Upvotes: 1