如何刪除asp.net中的下拉列表箭頭？

Question

如何刪除在asp.net中的dropdownlist顯示中的箭頭，我不想要箭頭，因爲我想用我自己的圖像來創建一個幻燈片下載列表。

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

Answer 1

你不能用asp.net下拉控件做。 您可以在該位置使用自動完成文本框。 也可以使用telerik組合框隱藏箭頭。

Answer 2

不可能改變<select>標籤是如何呈現的，你可以使用任何其他方式自動完成文本框來顯示多個值

檢查這些鏈接：

Remove dropdown (select) button from dropdown menus?

Remove drop-down arrow from <select> element?

Answer 3

你可以添加cssClass到您的下拉菜單cssClass =「select」 like：

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