ブートストラップが無効になっているボタンのホバークラス名とは何ですか？

Question

私のサイトには無効なボタンがあります。ホバーイベントの後、間違った色の色が変わります。

このボタンのホバーカラーを変更したいのですが、この問題のブートストラップフレームワークでクラス名が無効になっているボタンが見つからない/認識できません。

<button type="submit" class="btn btn-primary" disabled="disabled">My disabled button</button> 

Answer 1

これらはブートストラップで作ることができる無効なボタンの2つのタイプがあります。：

Exmapleがある

1.Disabled UIは、なく、ボタン自体が（試す[disabledクラスを使用します]スニペットのボタンをクリック）

2.Button disabled |ブートストラップはデフォルトで無効なエフェクトをここに適用します。 [または、属性とdisabledクラスの両方を使用します]。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<button type="submit" class="btn btn-primary disabled" onclick="alert('not actaully disabled');">My disabled button</button> 
 
<button type="submit" class="btn btn-primary" disabled onclick="alert('not actaully disabled');">My disabled button</button>

Answer 2

ブートストラップあなたはこの

<input type="submit" class="btn btn-default" disabled> 

CSS 

input[disabled] { 
    cursor:not-allowed; 
} 

のようなボタンを無効なしの任意のJavaScriptの必要性を使用することができます ボタンで無効にクラスを持っています。

Answer 3

ありがとうございました。 この問題の正しいクラス名が見つかりました。

ちょうど...無効なボタンのホバーbackgroudの変更のための

.btn[disabled]:hover { 
    background:#bedd16; 
    } 

.btn[disabled]:active:focus { 
    color: #000000; 
    } 

.btn[disabled]:focus { 
    background: #bedd16; 
    color: #666666; 
    } 

を置く;）

Answer 4

.btn-default[disabled] { 
background: #ccc !important; 
} 
.btn-default[disabled]:hover { 
background: #ccc !important; 
} 

私はこれを使用しています。