css - 删除 ASP.NET MVC3 中的下拉列表向下箭头符号

Question

我想将向下箭头符号隐藏在@Html.DropDownList. 如何覆盖默认的下拉列表样式。

请看下图。

Answer 1

您可以使用 css 为您的下拉菜单设置自定义外观：

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

并将此类添加到您的下拉列表中：

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

Answer 2

您可以从原生 CSS 覆盖默认样式，但它只支持 web-kit borwsers

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