如何删除asp.net中的下拉列表箭头?

时间:2012-12-14 11:13:19

标签: asp.net

如何在asp.net的dropdownlist show中删除箭头,我不想要箭头,因为我想使用我自己的图像为下拉列表创建一个奇特的外观。

 <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>

3 个答案:

答案 0 :(得分:2)

您无法使用asp.net下拉控件执行此操作。 您可以在该位置使用自动完成文本框。 也可以使用telerik组合框隐藏箭头。

答案 1 :(得分:2)

你可以在你的下拉列表中添加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>

答案 2 :(得分:-1)

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

检查以下链接:

Remove dropdown (select) button from dropdown menus?

Remove drop-down arrow from <select> element?