asp.net - ボタンのホバーの色付け

Question

明確にするために、解決後に編集されました。

ボタン上のホバーの色をデフォルトの青から別の色に変更したいと思います。ボタンのすべての CSS を完全に再定義することなく、これを実行したいと考えています。ホバーの色のみをオーバーライドし、残りのデフォルトはそのままにします。

写真:

通常、それはこれです:ホバリング、それはこれです:

ホバー時にハイライトの色を変更したい。

編集：

試しました：

.Cancel:hover
    {
        background: linear-gradient(black, white); //Tried these separately
        background-color:Red;
    }

ボタンのマークアップ:

<asp:Button ID="btnPprGrdsCancelRefresh" runat="server" Text="Cancel/Refresh" CssClass="Cancel" />

線形グラデーションは何もしていないように見え、背景色はボタン上のマスクではなく、ボタンの色を変更します。

Answer 1

:hover疑似クラスはそれを行います：

button:hover {
    background-color: #f00;
}

ただし、通常、フォーム コントロールのスタイル設定には注意が必要です。ブラウザーにデフォルトのスタイルでボタンをレンダリングさせようとしている場合、ホバー時に背景色を変更するだけでは機能しません。このライブの例が示すように、他のプロパティ (ボーダーなど) も変更されます。すべての状態でコントロールの外観をブラウザーとオペレーティング システムに決定させるか、すべての状態に独自のスタイルを作成するかを選択する必要があります。

Answer 2

button:hover{
//style color here
}