css - ASP.NETMVC3のドロップダウンリストの下矢印記号を削除します

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 キットのブラウザのみです。

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