ホバーの背景色を変更するにはどうすればいいですか？

Question

私は自分のプロジェクトでBootstrap 3.3.7を使用しています。

私は、このボタンを持っている：

<input type="button" class="btn btn-sm" id="btnExecute" value="Submit" /> 

はどのようにして、ボタンの背景が黒とテキストを白にすることができますが、マウスのホバーに私は背景が白とテキスト黒にしたいですか？

Answer 1

これを簡単に行う方法は次のとおりです。 CSSでスタイルを設定し、:hoverルールを使用してください。

#btnExecute { 
 
    background-color: black; 
 
    color: white; 
 
} 
 
#btnExecute:hover { 
 
    background-color: white; 
 
    color: black; 
 
}

<input type="button" class="btn btn-sm" id="btnExecute" value="Submit" />

それはちょうどそのように動作しますが、ブートストラップは、それを上書きしようとすると、ちょうど設定に!importantを追加する必要があります。

Answer 2

あなたは、CSSを適用し、あなたが、少なくとも自分のためにこれをコーディングすることを試みることが期待されている。この

--CSS--

btn btn-sm:hover { 
    background-color: white; 
}