如何设置MVC3/ASP.net DropDownList的样式?

gen*_*eek 3 html css css3 asp.net-mvc-3

我怎样才能在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;
Run Code Online (Sandbox Code Playgroud)

}

MVC3显示:

在此输入图像描述

jzm*_*jzm 6

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;
Run Code Online (Sandbox Code Playgroud)

或者,您可以在下拉列表中添加样式:

@Html.DropDownListFor(m => m.ID, Model.MyList, new { @class="selectStyle" })
Run Code Online (Sandbox Code Playgroud)

所以你可以在css中执行以下操作:

.selectStyle { /* whatever */ }
Run Code Online (Sandbox Code Playgroud)