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浏览器

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

1 个答案: