Mozilla和IE修改了我的下拉列表,但chrome没有;t

Mozilla and IE modifies how my drop down list look, but chrome doesn't

本文关键字:chrome 没有 下拉列表 IE 修改 我的 Mozilla      更新时间:2023-09-26

当我在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>

AFAIK,Mozilla的一个错误仍然会扰乱样式,有一个解决方法(有点):

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

通过不确定IE