javascript - Mozilla 和 IE 修改了我的下拉列表的外观，但 chrome 没有

Question

当我在 chrome 中查看我的下拉列表时，它看起来很完美，但是当我在 mozilla 或 IE 中查看它时，它会添加一个我不想要的下拉箭头。我努力了

-moz-appearance:none;

和

 opacity:0;

他们都没有正确解决我的问题。我如何骑那个下拉箭头？

这是我的下拉列表之一：

<asp:DropDownList id="DropDownList3" 
        runat="server" 
        AutoPostBack="True" 
        DataSourceID="SqlDataSource1" 
        DataTextField="Plant" 
        DataValueField="Plant" 
            Width="156px" 

        Font-Bold="true" 
            Font-Size="x-Large" 
           style="margin-left: 250px; margin-top:-44.5px;
                  margin-bottom:-20px; 
                  background-color: #FFFFFF; box-shadow:none;
                  outline-color: #FFFFFF; 
                  border: none; 
                  text-align: right;" 
                 Enabled="False">
                </asp:DropDownList>

Answer 1

AFAIK，它仍然是 Mozilla 的一个错误，它弄乱了样式，有一种解决方法（有点）：

select {
overflow: hidden;
width: 125%;
}

虽然不确定IE