如何在下拉列表中使用bootstrap 3和form-control类时以粗体显示所有asp:下拉项

时间:2017-01-16 22:36:12

标签: asp.net css3 twitter-bootstrap-3 form-control

我正在使用asp.net 4.6中的基于Web表单的项目并使用bootstrap3。我想以粗体显示所有asp:下拉项目。

我将表单控件类应用于asp:下拉列表

2 个答案:

答案 0 :(得分:1)

如评论所示,您不能在其中插入<b>标记,因为asp下拉项目会转换为<select>并带有相关<option>。但是,您可以使用CSS来设置<select>标记的样式。这样的事情。

&#13;
&#13;
select{
  font-weight:bold;
}
&#13;
<select>
  <option>My great option 1</option>
  <option>My great option 2</option>
  <option>My great option 3</option>
  <option>My great option 4</option>
  <option>My great option 5</option>
</select>
&#13;
&#13;
&#13;

修改此选项以仅应用于您的特定类名,或仅应用于选项而不是所有选项。

答案 1 :(得分:0)

我设法通过添加

来完成此应用程序
    <style type="text/css"> 
     /*makes* the asp drop down text bolder*/
    option {
        font-weight:bolder !important;
    }
</style>    

到site.master