我正在使用带有 Razor 引擎的 mvc4。这是我尝试过的:
<div class="editor-field">
@Html.DropDownListFor(model => model.NewSymbol.Category.Id, new SelectList(Model.MarketCategories, "Id","Name"), new { @class = "dropdown" })
</div>
CSS是:
.dropdown {
margin-top: 5px;
margin-bottom: 10px;
padding: 3px 2px;
width: 312px;
}
option {
width: 312px !important;
}
不幸的是,我得到的东西看起来像:
我试图让下拉菜单至少与“选择”元素的宽度相同。如果文本扩展超过 312 像素,我不介意它是否更宽,但是这个狭窄的下拉菜单看起来很傻。
谢谢大家的帮助。