不帶btn類的Bootstrap「button」

是否有可能擁有這種設計但沒有btn類？不帶btn類的Bootstrap「button」

我需要顯示此通知用戶的狀態，但我不希望「mousover」changhing樣式，juste信息。

代碼：

<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"> 
 
\t <label class="btn btn-default btn-sm btn-ok active"> 
 
\t \t <input type="radio" name="relevance" value="1" checked="checked"/> 
 
\t \t O 
 
\t </label> 
 
\t <label class="btn btn-default btn-sm btn-ko "> 
 
\t \t <input type="radio" name="relevance" value="0"/> 
 
\t \t N 
 
\t </label> 
 
\t <label class="btn btn-default btn-sm btn-dunno "> 
 
\t \t <input type="radio" name="relevance" value="-1"/> 
 
\t \t ? 
 
\t </label> 
 
</div>

我的結果（定製類）：

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

來源

2014-10-29 Erwane

最簡單的解決方案是將「禁用」類添加到按鈕並更正不透明度。

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

來源

2014-11-20 13:31:58 Erwane

你只需要重寫:hover和:active選擇了.btn和.btn-default在CSS中的類。

Bootstrap的CSS更改:hover的背景顏色並在:active的頂部添加一個內部陰影。

來源

2014-10-29 10:09:29 tiledcode

我試過這個，但它不影響「點擊」設計。 – Erwane 2014-10-29 10:13:48

你應該重寫'：active'選擇器來達到這個目的。我編輯。 – tiledcode 2014-10-29 10:18:31

不帶btn類的Bootstrap「button」

回答

相關問題