Question

是否可以进行此类设计，但没有btn类？

我需要显示此状态以告知用户状态，但我不想要＆＃34; mousover＆＃34; changhing style，juste information。

代码：

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="btn-group" data-toggle="buttons">
	<label class="btn btn-default btn-sm btn-ok active">
		<input type="radio" name="relevance" value="1" checked="checked"/>
		O
	</label>
	<label class="btn btn-default btn-sm btn-ko ">
		<input type="radio" name="relevance" value="0"/>
		N
	</label>
	<label class="btn btn-default btn-sm btn-dunno ">
		<input type="radio" name="relevance" value="-1"/>
		?
	</label>
</div>

＆＃13;

我的结果（使用自定义类）：

https://drive.google.com/file/d/0B6CT8IKYEHhydUFCVVpvNE9SWDg/view?usp=sharing

Answer 1

最简单的解决方案是将“禁用”类添加到按钮并更正不透明度。

.foo .btn.disabled {opacity: 1; filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

Answer 2

您只需要覆盖CSS中:hover和:active类的.btn和.btn-default选择器。

Bootstrap的CSS更改:hover上的背景颜色，并在:active上方添加内部阴影。

Bootstrap＆＃34;按钮＆＃34;没有btn类

2 个答案: