如何重寫引導風格

我該怎麼做才能覆蓋現有的自舉類的如何重寫引導風格

的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

如何重寫引導風格

回答

相關問題