Bootstrap 按钮文本颜色

Posted 2023-02-22

【中文标题】Bootstrap 按钮文本颜色

【英文标题】：Bootstrap button text color

【发布时间】：2014-11-17 02:09:42

【问题描述】：

我正在使用 bootstrap 3 自定义按钮，但由于某种原因无法更改品牌文本颜色或下拉三角形。我已经尝试了几件事，但仍然没有运气......

<div class="container">
        <div class="row" style="margin-top: -30px;">
             <ul class="nav nav-tabs" role="tablist">

  <li class="dropdown" style="margin-right: 70px; margin-left: 60px;" >
    <a class="btn btn-inverse :active" data-toggle="dropdown" href="#">
      Wristbands <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
      ...
    </ul>
  </li>
  <li class="dropdown" style="margin-right: 70px;">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Hawaii <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
      ...
    </ul>
  </li>

【问题讨论】：

您正在编辑“bootstrap.css”吗？您目前正在使用哪些选择器？

getbootstrap.com/components 在该站点上有一个标题为“使用下拉菜单”、“带有下拉菜单的选项卡”的部分。我不确定我应该在我的 bootstrap.css 上更改什么。

您能否发布一个示例链接？

rootforsite.azurewebsites.net

您的网站有什么错误？我看到了下拉三角形

【参考方案1】：

在您的示例中，我在 navbar-brand div 中看不到任何文本。你说的是这个吗？

无论如何，要回答您的问题，如果您在 navbar-brand 中有文字，您会使用以下内容：

.navbar-default .navbar-brand 
  color: blue !important;

对于下拉箭头，类似：

span.caret 
  color: red;