Remove dropdownlist down arrow symbol in ASP.NET MVC3

Question

I want to hide the down arrow symbol in the @Html.DropDownList. How to override the default dropdownlist style.

Please see the image below.

Answer 1

You can use css to set custom apperiance to your dropdown:

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

And add this class to your dropdown :

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