更改引导程序按钮的颜色

Changing the color of bootstrap buttons

本文关键字：颜色 按钮 引导程序      更新时间：2023-09-26

这直接来自引导程序站点的页面。在这个特定的代码中，我想知道如何将文本的颜色从蓝色更改为黑色。它目前默认为蓝色。

供参考的网站和一个实例：http://getbootstrap.com/components/代码：代码所在的部分被称为"使用下拉列表"带有下拉列表的选项卡。

<ul class="nav nav-tabs" role="tablist">
  ...
   <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Dropdown <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
      ...
    </ul>
  </li>
  ...
</ul>

问候

引导程序下拉按钮与其他引导程序按钮类似。默认的引导程序按钮具有btn类。

您可以通过添加btn-primary、btn-info、btn-danger等类来更改它们的主题。

有关此检查的更多示例http://getbootstrap.com/components/#btn-下降。

在li上使用id并以这种方式应用样式：示例

<li id ="abc"</li>

自定义样式

#abc .dropdown-toggle {
    color: black;
}

因此，只需要那些id为"abc"的下拉切换类就可以删除！来自样式的重要信息

您可以在css文件中的类"下拉切换"上应用自定义样式

.dropdown-toggle {
    color: black !important;
}
相关文章：