如何在asp.net中移除下拉列表箭头？

Question

我该如何在ASP.NET中移除下拉列表中的箭头？因为我想使用自己的图片来为下拉列表创建炫酷的外观。

 <asp:DropDownList ID="cboLang" Runat="server" AutoPostBack="True" onselectedindexchanged="cboLang_SelectedIndexChanged" Font-Size="XX-Small" Width="95" Height="26" >
                        <asp:ListItem Value="EN-US">ENGLISH</asp:ListItem>
                        <asp:ListItem Value="ZH-CN">&#20013;&#25991;</asp:ListItem>
                        <asp:ListItem Value="TH-TH">&#3616;&#3634;&#3625;&#3634;&#3652;&#3607;&#3618;</asp:ListItem>
                        <asp:ListItem Value="EN-IE">ti&#7871;ng Vi&#7879;t</asp:ListItem>
                        <asp:ListItem Value="EN-TT">Korean</asp:ListItem>
                        <asp:ListItem Value="EN-AU">Indo</asp:ListItem>
                        </asp:DropDownList>

- user1511029

Answer 1

您可以在下拉菜单中添加cssClass cssClass="select"，例如：

<asp:DropDownList ID="cboLang" Runat="server" cssClass="select" AutoPostBack="True" onselectedindexchanged="cboLang_SelectedIndexChanged" Font-Size="XX-Small" Width="95" Height="26" >
                    <asp:ListItem Value="EN-US">ENGLISH</asp:ListItem>
                    <asp:ListItem Value="ZH-CN">&#20013;&#25991;</asp:ListItem>
                    <asp:ListItem Value="TH-TH">&#3616;&#3634;&#3625;&#3634;&#3652;&#3607;&#3618;</asp:ListItem>
                    <asp:ListItem Value="EN-IE">ti&#7871;ng Vi&#7879;t</asp:ListItem>
                    <asp:ListItem Value="EN-TT">Korean</asp:ListItem>
                    <asp:ListItem Value="EN-AU">Indo</asp:ListItem>
                    </asp:DropDownList>

并将以下样式添加到head标签中。

<style>
.select
{
    border-radius: 5px;
   -webkit-appearance: none;
}
</style>

- mTiger

Answer 2

您不能使用ASP.NET下拉控件来完成这项操作。您可以在该位置使用自动完成文本框。使用Telerik组合框也可以隐藏箭头。

- Manibhadra

Answer 3

无法更改 <select> 标签的呈现方式，您可以使用其他任何方式将多个值显示为自动完成文本框

请查看以下链接：

如何从下拉菜单中删除下拉按钮？

如何从 <select> 元素中删除下拉箭头？

- Mahmoud Farahat