aspボタンのさまざまなイベントに異なるCSSスタイルを適用するにはどうすればよいですか？

Question

私には10個のaspボタンがあるWebユーザーコントロールがあります。

私は、これらのボタンにカーソルを置くと、カーソルが手カーソルに変わることを願っています。

ボタンを押すと、それが選択されているように前後の色が変わります。

私はコードでこれを実行しようとしましたが、機能しません。私のcssファイルの内容を以下に示します。

.buttonclass 
{ 
    background-color: Olive; 
    cursor: pointer; 
} 
.selectedItemClass 
{ 
    background-color: Blue; 
    color: White; 
} 

ボタンをクリックし、私は次のように書かれている：

Button btn = sender as Button;     
btn.CssClass = "selectedItemClass"; 

が、それは任意のアイデアや、必要な行動を達成するための別の方法を働いていません。

Answer 1

コードはポストバック後にのみ機能し、ボタンはselectedItemClassのままです。

ボタンのクラスを変更するには、クライアント側のコードを使用する必要があります。

1つのオプションは、同様のJavaScript/jQueryのソリューションを使用することです：

$(".buttonclass").mousedown(function(){ 
    $(this).addClass("selectedItemClass") 
}); 

$(".buttonclass").mouseup(function(){ 
    $(this).removeClass("selectedItemClass") 
}); 

Answer 2

をクラスが追加または交換した場合、あなたがチェックしましたか？またはあなたが行うことができます。

.selectedItemClass 
{ 
    background-color: Blue!important; 
    color: White!important; 
} 

をごCSSの順序は、2つの異なる背景色及びそれらの優先順位があるという事実を無視しているかどうかをチェックします。