html - MVC 中的样式下拉列表

Question

嗨，我正在尝试使用一些 css 和 javascript 来设置我的下拉列表的样式。我面临的唯一困难是我使用带有 MVC 的模型并且工具不同，所以我没有使用选择标签。

目前，这就是我显示和填充下拉列表的方式

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

并从模型中填充

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

谢谢

score 0 · Accepted Answer

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

CSS 不关心服务器端代码，只关心呈现的 HTML，所以如果您遇到问题，请始终向我们展示呈现的 HTML 和您的 CSS。

无论如何，为您的<select>元素设置样式（请记住，因为<select>是 CSS 中的“替换元素”，所以样式设置的机会是有限的，但您可以做一些很酷的事情：http ://bavotasan.com/2011/style-select-box-仅使用 css/

您可以覆盖的id=""属性，<select>以便可以在 CSS 中使用元素选择器，如下所示：

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

#mySelect { width: 135px; }

但是，如果您DropDownListFor在局部视图中使用它，则该id=""属性在文档中将不是唯一的，这是非法的。尝试使用利用上下文的不同选择器，例如后代选择器。

1 回答 1