如何重写引导风格

我该怎么做才能覆盖现有的自举类的如何重写引导风格

的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 label#active { 
    box-shadow: inset 0 3px 5px blue !important"; 
}

来源

2017-07-15 Maximus Decimus

不应伪类是用 “：”？看着你的css .categories标签＃活动。除非你试图访问类“活动”，在这种情况下，它将是。活动，而不是＃活动 –

可能重复[覆盖引导CSS的最佳方法]（https://stackoverflow.com/questions/20721248/best -way-to-override-bootstrap-css） – BSMP

@JoeB。我也试过标签：积极。没有成功。标签＃BTN：活跃。没有成功 –

按我这个问题的认识要做到这一点，这是你必须以覆盖引导风格做什么。

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

如果你想通过使用相同的风格您的应用程序或网页，

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

来源

2017-07-15 21:53:50

我也试过，但F12开发工具显示我的风格作为无效的属性值与警告标志着所有的风格。 –

你能检查一下吗？ https://plnkr.co/edit/YDGJ5JX3QNjvhdifBMma –

别人指出我的错误。我有一个“在我的风格结束，谢谢你的回答 –

您可以将一个ID标签上。

HTML

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

CSS

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

codepen

来源

2017-07-15 22:07:34

如何重写引导风格

回答

相关问题