Django：更改 javascript 函数内的字体颜色

Question

再会，

我的 html-body 的字体颜色通过带有以下代码的 css 文件进行更改：

body {
    background-color: #6d6a6a;
    color: white;
}

现在我已经包含了一个 Bootstrap-Popover ......

<button type="button" class="btn btn-sm btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

...以及必要的脚本...

<script>
    $(function () {
      $('[data-toggle="popover"]').popover()
    })
</script>

但是由于我的 css 文件，我的 popver 中的某些文本部分（确切地说是“标题”）也呈现为白色，我对 javascript 真的很陌生，所以有可能 - 什么时候有可能？ 最好的解决方案是什么 - 将 Popover 内的字体颜色更改为黑色？

感谢大家！

Answer 1

如果您的 css 没有动态变化，则仅使用 css

 .popover .popover-content,.popover .popover-title  {
     color: red;
  }

但是如果你动态地改变你的身体，那么你可以将 class 添加到你的弹出窗口中。 Popover 始终.popover作为 class 名称，因此您可以

 $(document).ready(function () { $(function () { $('[data-toggle="popover"]').popover() }); }); function popchange(){ setTimeout(function () { $(".popover").addClass('popover-danger'); }, 10); }

 .popover-danger { color: red; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> <button type="button" class="btn btn-sm btn-danger" data-toggle="popover"onclick="popchange()" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

Answer 2

将 class 添加到弹出窗口，然后为该 class 添加新的 css 规则：

.popover-class {

   color: black;

}