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

Question

Editorial Team

Asked: June 18, 20262026-06-18T16:06:33+00:00 2026-06-18T16:06:33+00:00

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

Please see the image below.

enter image description here

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-18T16:06:34+00:00

Editorial Team

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

The Archive Base Latest Questions