asp.net-mvc – 使用Razor DropDownList的Bootstrap

发布时间：2020-12-16 07:25:10 所属栏目：asp.Net 来源：网络整理

导读：我需要将Bootstrap样式应用于Razor @ Html.DropDownList. 我已将表单控件类应用于控件： @Html.DropDownList("FacilityID",null,string.Empty,new { @class = "form-control" }) 这使用Bootstrap样式正确显示选择列表.问题是列表中的可选择子项未设置样式.

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

我已将表单控件类应用于控件：

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

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

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

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

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

解决方法

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

Razor语法是：

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

我不喜欢Bootstrap应用于此组件生成的按钮元素的默认渐变,因此我在CSS中对其进行了修改,使其看起来像常规的Bootstrap表单控件样式元素：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!