Remove down arrow icon in ASP.NET MVC3

Question

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

css jquery-ui jquery-plugins asp.net-mvc-3

Ragesh S 12 Feb 13 at 7:20 am

source to share

2 answers

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

Taron mehrabyan 12 Feb 13 at 7:38

source to share

freshbm · Accepted Answer · 2013-02-12T07:54:39+0000

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 "} )