Question

我想将字体/文本更改为与默认蓝色不同的颜色。我使用不同的设置尝试了此代码，但颜色保持蓝色。类.text-white不起作用，字体颜色也不起作用。背景色有效，但文字不起作用请帮助。谢谢。

Answer 1

在覆盖引导CSS时，您将要增加特异性。示例：

.card-header a {
  color: yellow;
}

演示：

.card-header a {
  color: yellow;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<div class="container-fluid">
  <div class="row">
    <div class="col">
      <div id="faq" role="tablist" aria-multiselectable="true">
        <div class="card">
          <div class="card-header text-white" rode="tab" id="XX1" style="background-color:PINK; color: yellow !important">
            <h4 ass="card-title  text-white">
              <a data-toggle="collapse" data-parent="#faq" aria-expanded="true" href="#A11" aria-controls="XX2">
                                   change my text color
                   </a>
            </h4>
          </div>
          <div id="A11" class="collapse show" role="tabcard" aria-labelledby="questionOne">
            <div class="card-body">
              answer 11
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

Answer 2

<a data-toggle="collapse"
    style="color:white" 
    data-parent="#faq" 
    aria-expanded="true" 
    href="#A11" aria-controls="XX2">q11</a>

添加您的颜色代替style =“ color：your color” .....我希望它将解决您的问题... 访问http://www.gladsme.com/forum.php？了解更多信息

更改bootstrap4卡类中的文本颜色

2 个答案: