如何更改 html 文件中的引导数据颜色属性答案

【问题标题】：How to change bootstrap data color attribute in a html file如何更改 html 文件中的引导数据颜色属性
【发布时间】：2018-01-19 22:39:32
【问题描述】：

我正在制作一个模板并希望更改下面 div 的背景颜色：
<div class="sidebar" data-active-color="blue" data-background-color="wihte">
我注意到对于data-background-color 属性，我只能在黑白之间切换。
除了白色和黑色之外的所有其他颜色选择都会恢复为默认的白色。
如何将此颜色更改为我选择的颜色（在这种情况下为绿色）？

【问题讨论】：

标签： jquery html css twitter-bootstrap colors

【解决方案1】：

什么类型的事件？什么时候应该变色？

$('.sidebar').on('click', function(){
    $(this).attr('data-background-color', 'green');
})

【讨论】：

页面加载时颜色应该会改变。它应该是恒定的

【解决方案2】：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar" style="background: green;">TEXT </div>

<br/>

<div class="sidebar bg-success" >TEXT </div>

我相信不能那样做。但是，您可以向其中添加 bg-success 类或 style="background: green;" 还要检查这个：http://bootstrap-colorselector.flaute.com/

【讨论】：

我已经尝试为其添加样式，但它仍然恢复为默认的白色
它适用于 sn-p 吗？像这样尝试style="background: green!important;" 或尝试bg-success 类