Bootstrap - 带标签的按钮组

Question

是否可以有一个按钮组,但其中一个元素是标签.

输入组与输入组插件的工作方式类似.

我基本上希望按钮看起来像一个按钮,但在悬停时没有任何效果.

此刻尽力使用<a> 与disabled,但是,使颜色的页面的其余部分略有不同.

http://jsfiddle.net/sctqg038/

Answer 1

我更新了小提琴.只需在要用作标签的按钮上添加一个id,然后给出以下css pointer-events:none.它不会改变按钮颜色.

更新小提琴

片段

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.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>