删除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
}