如何在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样式？

回答

相关问题