html - 如何设置 MVC3/ASP.net DropDownList 的样式？

Question

如何在 css 中设置 mvc3/asp.net DropDownList 的样式，就像使用文本框一样:

--Site.css - 文本框样式--

input[type="text"], 
input[type="password"] {
    border: 1px solid #93A9C8;
    padding: 2px;
    font-size: 1em;
    color: #444;
    width: 200px;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;

MVC3 显示:

Answer 1

input[type="text"], 
input[type="password"],
select {
    border: 1px solid #93A9C8;
    padding: 2px;
    font-size: 1em;
    color: #444;
    width: 200px;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;

或者，您可以向下拉列表添加样式:

@Html.DropDownListFor(m => m.ID, Model.MyList, new { @class="selectStyle" })

因此您可以在 css 中执行以下操作:

.selectStyle { /* whatever */ }