如何在asp按鈕的不同事件上應用不同的CSS樣式？

我有一個web用戶控件，我有十個asp按鈕。如何在asp按鈕的不同事件上應用不同的CSS樣式？

我希望當我懸停在這些按鈕上的光標應該改變爲手形光標，我能夠做到這一點。

現在我想要的是，當我按下一個按鈕時，它應該改變它的背面和前面的顏色，使它看起來被選中。

我試圖通過代碼做到這一點，但它不工作。以下是我的CSS文件內容：

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

，按鈕上點擊我已經這樣寫：

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

，但它不工作的任何想法或另一種方式來實現所要求的行爲。

來源

2011-08-02 Embedd_Khurja

您的代碼只會在回發後生效，然後該按鈕將保留selectedItemClass。

您將需要使用客戶端代碼來更改按鈕的類。

一種選擇是使用像一個JavaScript/jQuery的解決方案：

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

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

來源

2011-08-02 10:06:59 Curt

嗨縮進，你的解決方案的作品，但它適用於所有按鈕，我只想用它來點擊按鈕...任何想法如何做到這一點？ –

你可以爲每個按鈕創建一個獨特的類，比如：'class =「buttonclass button1」'，然後將jquery代碼中的'buttonclass'改爲'button1' – Curt

你檢查類是否添加或更換？或者你可以這樣做：

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

檢查，如果有兩個不同的背景色和它們的優先級你的CSS的順序是忽略了一個事實。

來源

2011-08-02 10:07:58

如何在asp按鈕的不同事件上應用不同的CSS樣式？

回答

相關問題