使用Razor DropDownList启动

Question

我需要将Bootstrap样式应用于Razor @ Html.DropDownList.

我已将form-control该类应用于控件:

@Html.DropDownList("FacilityID", null, string.Empty, new { @class = "form-control" })

这使用Bootstrap样式正确显示选择列表.问题是列表中的可选择子项未设置样式.

在查看生成的HTML源代码时,呈现的选项是未设置样式的:

<option value="1">Some Option</option>

反正有没有让Bootstrap在ASP.Net MVC5 Razor视图中正确设置整个下拉列表的样式？

Answer 1

如果它对任何人有帮助......我最终选择了bootstrap-select组件.

Razor语法是:

@Html.DropDownList("FacilityID", null, string.Empty, new { @class = "selectpicker" })

我不喜欢Bootstrap应用于button此组件生成的元素的默认渐变,所以我在CSS中对其进行了修改,使其看起来像常规的Bootstrap form-control样式元素:

.bootstrap-select > .btn {
  background-image: none;
}