Clever Geek Handbook

Remove down arrow icon in ASP.NET MVC3

I want to hide the down arrow symbol in @Html.DropDownList

. How to override the default dropdown style.

Please see the image below.

enter image description here

+3


source to share


2 answers


You can use css to set your applet in the dropdown:

.customDropDown { -webkit-appearance: none; -moz-appearance: none; 
// add background image what you like
}


And add this class to the dropdown:

@Html.DropDownList("DropDownID", String.Empty, new {@class="customDropDown "} )
+7


source


You can override the default styles from your own CSS, but at the same time only support third party web kits



.dropDown{
webkit-appearance:none
//and change style whatever you want
}
+4


source






More articles:


All Articles