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显示:
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)