下拉样式在ff和IE中无法正确呈现

Question

我正在尝试使用这些样式自定义下拉列表。在Chrome中正确呈现样式，但在IE和FF默认情况下，它会覆盖css。

这是下拉列表的Css样式

http://jsfiddle.net/eVLY9/

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

Answer 1

使用这些样式元素

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

Answer 2

正如saikiran.vsk在FF中建议你可以使用

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

并且在IE中这将起作用，但IE 9+

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

您可以全局或基于类添加此项。谢谢How to hide drop down arrow in IE8 & IE9? @spudley