如何显示所有 asp：在下拉列表中使用 bootstrap 3 和表单控制类时以粗体显示下拉项目

Posted 2023-03-06

【中文标题】如何显示所有 asp：在下拉列表中使用 bootstrap 3 和表单控制类时以粗体显示下拉项目

【英文标题】：How to show all asp: drop-down items in bold when using bootstrap 3 and form-control class on drop down list

【发布时间】：2017-05-31 20:47:51

【问题描述】：

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

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

【问题讨论】：

默认 ASP.Net DropDownList 呈现为 select 标记，因此除非您使用像 Telerik DropDownList 这样的第三方或创建一个自己控制服务器。

【参考方案1】：

正如评论的那样，您不能只在其中插入 <b> 标签，因为 asp 下拉项目将转换为带有相关 <option> 的 <select>。但是，您可以使用 CSS 来设置 <select> 标签的样式。像这样的。

select
  font-weight:bold;

<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>

修改它以仅应用于您的特定类名，或仅应用于选项而不是所有内容。

【讨论】：

你说得对 Rob，我在“选项”类上应用了 font-weight:bolder

如果您发现此答案有用，请考虑使用答案左侧的控件投票和/或接受答案。

【参考方案2】：

我设法通过添加

来完成这个应用程序

    <style type="text/css"> 
     /*makes* the asp drop down text bolder*/
    option 
        font-weight:bolder !important;
    
</style>    

到 site.master