<asp:DropDownList ID="ddlName" runat="server" Width="200px">
<asp:ListItem Text="Select Name" Value="0"></asp:ListItem>
<asp:ListItem Text="Josmi" Value="1"></asp:ListItem>
<asp:ListItem Text="Jisna" Value="2"></asp:ListItem>
<asp:ListItem Text="Josna" Value="1"></asp:ListItem>
<asp:ListItem Text="Sana" Value="2"></asp:ListItem>
<asp:ListItem Text="Neenu" Value="2"></asp:ListItem>
</asp:DropDownList>
select {
-moz-appearance: none; /* Removes Default Firefox style*/
-appearance:none;
-webkit-appearance: none;
overflow:hidden;
background: transparent;
background:url("Images/icon_RightArrow.png") no-repeat scroll 0 0 transparent;
background-position:right;
background-repeat:no-repeat;
}
the dropdownlist symbol is hided in chrome and mozila.
but am not able to solve in explorer.
How i will hide the symbol from IE9 and upadated versions of ie.