0

我在 asp.net 中开发了一个网站，并且我有四个连接到访问数据库的下拉列表。问题是当我在 Firefox 中查看时，或者即有一个我不想要的默认下拉箭头，但如果我在 chrome 中查看它不存在。我尝试将这些添加到我的样式类中：

 -moz-appearance: none; opacity:0; overflow:hidden; width:120%

也

 -moz-appearance: button; overflow:hidden; width:120%; opacity: 0

我没有成功，我很好，卡住了。任何帮助是极大的赞赏

这是我的下拉列表：

<asp:DropDownList id="DropDownList3" 
                        runat="server" 
                        AutoPostBack="True" 
                        DataSourceID="SqlDataSource1" 
                        DataTextField="Plant" 
                        DataValueField="Plant" 
                        min-width="156px"
                        width="120%";
                        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;
                       -moz-appearance: none;
                        overflow:hidden; appearance: none; 
                       -webkit-appearance:none;
                        border: none;
                       text-align: right;" 
                        Enabled="False">
                </asp:DropDownList>
4

3 回答 3

1

简单地将下拉列表放入宽度较小的容器 DIV 中overflow:hidden应该可以解决问题，例如：

<div style="width:200px; overflow:hidden" >
    <asp:DropDownList ID="DropDownList1" runat="server" style="width:220px">
    </asp:DropDownList>
</div>
于 2013-07-29T20:10:07.077 回答
0

尝试分配 CSSdisplay:none;值

style="margin-left: 250px; margin-top:-44.5px;
                        margin-bottom:-20px; 
                        background-color: #FFFFFF; box-shadow:none; 
                        outline-color: #FFFFFF;
                       -moz-appearance: none;
                        overflow:hidden; appearance: none; 
                       -webkit-appearance:none;
                        border: none;
                       text-align: right;
                       display: none;"
于 2013-07-29T20:07:16.917 回答
0

设置以下内容应该可以在 Mozilla 中完成这项工作。

text-indent:10px;

此属性将按下选择区域下的默认下拉框按钮。

于 2013-07-29T20:08:18.683 回答