Bootstrap - 帶標籤的按鈕組

是否可以有按鈕組，但是其中一個元素是標籤。Bootstrap - 帶標籤的按鈕組

類似輸入組如何使用輸入組插件。

我基本上希望按鈕看起來像一個按鈕，但在懸停時沒有任何效果。

目前盡最大努力使用<a>與disabled，但這使得顏色與頁面的其餘部分略有不同。

2017-03-15 Michal Ciechan

我認爲''用'disabled'屬性看起來相當不錯。什麼是不同於頁面其餘部分的顏色？如果你是綠色的，那是因爲你有'btn-success'。您可以將其更改爲'btn-default'。如果你正在談論別的事情，我相信你可以用CSS覆蓋它。這裏有一個使用'btn-default'的小提琴：https：//jsfiddle.net/sctqg038/1/ –

但我認爲你擁有的是最好的選擇。看起來，沒有內置的方法去做你想做的事。 –

現在想着剛剛添加'btn-succes-disabled'類並覆蓋禁用的顏色以適應頁面的其餘部分 –

我已經更新了小提琴。只需在您想用作標籤的按鈕上添加一個ID，並提供以下css pointer-events:none。它不會改變按鈕的顏色。

Updated Fiddle

片段

@import url('http://getbootstrap.com/dist/css/bootstrap.css'); 
 
#label-btn { 
 
    pointer-events: none; 
 
}

<div class="btn-group"> 
 
          <a href="#" role="button" class="btn btn-success btn-xs" id="label-btn" aria-disabled="true">T</a> 
 
          <button type="button" class="btn btn-default btn-xs" aria-label="Import" data-toggle="tooltip" title="Import"> 
 
           <span class="glyphicon glyphicon-import" aria-hidden="true"></span> 
 
          </button> 
 
         </div>

來源

2017-03-16 03:30:18 philomath

Bootstrap - 帶標籤的按鈕組

回答

相關問題