自定義引導：已禁用主按鈕邊框

我正在使用Bootstrap template customization generator來更改使用它們的默認狀態和按鈕的顏色。自定義引導：已禁用主按鈕邊框

我已經正確地改變了所有的狀態，但是當生成一個按鈕組並且在禁用狀態下使用主按鈕時，它仍然生成一個藍色的邊框，我似乎無法找到在Bootstrap生成器中更改的選項。代碼：

<a href="#" class="btn btn-primary disabled"> 
    <strong>Title here</strong> 
    <br><small>Hello world!</small> 
</a>

這是產生這種（注意淺色邊框相比，在具有深色邊框左側的按鈕，因爲它不是禁用）：

enter image description here

檢查的元素顯示這樣的：

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, .btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, 
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { 
    background-color: #428bca; 
    border-color: #357ebd;   /* these are light blue colours */ 
}

我似乎無法找到模板生成器，是指@btn-primary-disabled-border或類似瓦里任何地方這一點。我瀏覽了頁面中所有對disabled的引用，但似乎沒有引用它。

我是否在某處丟失了某些東西，或者是否需要手動CSS覆蓋？如果可能，我想繼續使用Bootstrap的LESS編譯器。

編輯：here's a fiddle和here's a link to my current Bootstrap definitions

來源

2014-07-08 Robbie Averill

是網站生存？會更容易，如果我們可以看看你的css –

已添加小提琴 –

根據來源（[1]（https://github.com/twbs/bootstrap/blob/v3.2.0/less/buttons.less#L61）） - > [2]（https://github.com/twbs/bootstrap/blob/v3.2.0/less/mixins/buttons.less#L18-L34）]，禁用的主要按鈕邊框設置爲「@btn -primary-border「的值是'darken（@ btn-primary-border，12％）'。所以是的，如果你需要打破這個關係，你需要一個手動的CSS覆蓋 –

從.btn類像下面取下透明邊框屬性。

.btn{ 
    border:0px solid transparent; /* this was 1px earlier */ 
}

DEMO

來源

2014-07-08 05:27:42

嗨Suresh，[這完全刪除邊框]（http://jsfiddle.net/scrowler/GbK98/1/）這意味着你不能看到按鈕的邊緣。此外，背景漸變已丟失...如果可能，我正在尋找更少的選項 –

確定。我用演示提琴更新了我的答案。一探究竟。 –

嗨，Suresh，你仍然完全失去了按鈕邊框 - 如果我有8個這樣相鄰的我想區分每個按鈕的邊緣... –

自定義引導：已禁用主按鈕邊框

回答

相關問題