Dropdown style not rendering properly in ff and IE

Question

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;">

score 1 · Answer 1 · answered May 09 '14 at 12:16

1

use these styling element

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

answered May 09 '14 at 12:16

saikiran.vsk

thanks, I eventually found this, but that dint fix anything in IE – threeleggedrabbit May 12 '14 at 14:50

score 0 · Accepted Answer · edited May 23 '17 at 11:57

0

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

edited May 23 '17 at 11:57

Community

answered May 12 '14 at 14:57

threeleggedrabbit

2 Answers2