2
是否可以有按钮组,但是其中一个元素是标签。Bootstrap - 带标签的按钮组
类似输入组如何使用输入组插件。
我基本上希望按钮看起来像一个按钮,但在悬停时没有任何效果。
目前尽最大努力使用<a>
与disabled
,但这使得颜色与页面的其余部分略有不同。
是否可以有按钮组,但是其中一个元素是标签。Bootstrap - 带标签的按钮组
类似输入组如何使用输入组插件。
我基本上希望按钮看起来像一个按钮,但在悬停时没有任何效果。
目前尽最大努力使用<a>
与disabled
,但这使得颜色与页面的其余部分略有不同。
我已经更新了小提琴。只需在您想用作标签的按钮上添加一个ID,并提供以下css pointer-events:none
。它不会改变按钮的颜色。
片段
@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>
我认为''用'disabled'属性看起来相当不错。什么是不同于页面其余部分的颜色?如果你是绿色的,那是因为你有'btn-success'。您可以将其更改为'btn-default'。如果你正在谈论别的事情,我相信你可以用CSS覆盖它。这里有一个使用'btn-default'的小提琴:https://jsfiddle.net/sctqg038/1/ –
但我认为你拥有的是最好的选择。看起来,没有内置的方法去做你想做的事。 –
现在想着刚刚添加'btn-succes-disabled'类并覆盖禁用的颜色以适应页面的其余部分 –