3

如何在 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>
4

3 回答 3

4

您可以将 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>
于 2014-08-15T21:58:16.347 回答
2

你不能用 asp.net 下拉控件来做到这一点。你可以在那个地方使用自动完成文本框。也可以使用 Telerik 组合框隐藏箭头。

于 2012-12-14T11:23:50.873 回答
-1

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

检查这些链接：

从下拉菜单中删除下拉（选择）按钮？

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

于 2012-12-14T11:28:22.320 回答