MVC中的样式下拉列表

Question

嗨我想用我的下拉列表样式使用一些CSS和JavaScript。我面临的唯一困难是我使用的模型与MVC和工具是不同的，所以我没有使用选择标签。

此刻这是怎么了展示和填充我的下拉列表中

<%: Html.DropDownListFor(model => model.teamIdAway, Model.getTeams, new { style = "width: 135px" })%> 

并从模型填充此

谁能告诉我一些基本的代码或我能做些什么来我的样式下拉列表

感谢

Answer 1

Html.DropDownListFor渲染<select>，所以我不知道为什么你说你没有使用<select>标签。

CSS不关心服务器端代码，只显示HTML，所以如果你有问题，那么总是向我们展示呈现的HTML和你的CSS。

反正风格你<select>元素（请记住，因为<select>是一个“替换元素”中的CSS样式的机会是有限的，但你可以做一些很酷的事情：http://bavotasan.com/2011/style-select-box-using-only-css/

可以覆盖id=""但是，如果你在一个局部视图使用此DropDownListFor

<%: Html.DropDownListFor(model => model.teamIdAway, Model.getTeams, new { id = "mySelect" })%> 

#mySelect { width: 135px; } 

那么id=""属性不会：在<select>的属性，所以你可以在CSS中使用的元素选择，像这样在文件中是唯一的，这是非法的。尝试使用不同的使用上下文的选择器，例如后代选择器。