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

http://jsfiddle.net/eVLY9/

<select class="ddText dropdown-select" id="opt" style="width: 90px;">

Answer 1

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

Answer 2

use these styling element

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