Html 如何覆盖引导样式

如何覆盖现有的引导类

btn

和

active

类名是从引导自动添加的。我想在插图上有一个特定的颜色

        <div class="categories">
            <label class="ng-binding">Categories</label>
            <div class="btn-group" data-toggle="buttons">
                  <label class="btn active">
                    <input type="radio" name="cat" id="rbOption1"> Cat 1
                  </label>
                  <label class="btn">
                    <input type="radio" name="cat" id="rbOption2"> Cat 2
                  </label>
            </div>
        </div>

---

根据我对这个问题的理解，这是为了覆盖引导样式所必须做的

.categories .btn.active {
   box-shadow:inset 0 3px 5px blue;
 }

如果希望在应用程序或页面中使用相同的样式

.btn.active {
   box-shadow:inset 0 3px 5px blue;
}

---

您可以在标签上放置id

HTML

<label id="active" class="btn">

#active {
 box-shadow: inset 0px 0px 10px #FF0000;
}

---

伪类不应该带有“：”？查看您的css.categories标签#active。除非您试图访问类“active”，在这种情况下，它将是.active，而不是#active@JoeB的可能副本。我还尝试了标签：active。没有成功。标签#btn：激活。没有成功。它是

.active

并删除

“

谢谢，我没有意识到我的风格中有一个”。现在转到眼科医生。我也试过了，但是F12开发工具显示我的样式是无效的属性值，并在所有样式上打上警告图标。其他人指出了我的错误。我在我的风格结尾有一个“谢谢你的回答哈哈哈：”）我已经看到了，但我认为这是从你的源代码复制粘贴时的一个打字错误。顺便说一句，你不应该使用！重要的是，除非你没有其他解决办法。你是对的。谢谢你的评论，我现在就去看眼科医生。哈哈！

#active {
 box-shadow: inset 0px 0px 10px #FF0000;
}