如何在asp按钮的不同事件上应用不同的CSS样式?

时间:2011-08-02 10:02:06

标签: asp.net css

我有一个网络用户控件,我有十个asp按钮。

我希望当我将鼠标悬停在这些按钮上时,光标应该变为手形光标,我能够做到。

现在我想要的是,当我按下一个按钮时,它应该改变它的背面和前面的颜色,以便它看起来被选中。

我尝试通过代码执行此操作,但它无法正常工作。以下是我的css文件内容:

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

并点击按钮,我写道:

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

但它没有任何想法或其他方式来实现所需的行为。

2 个答案:

答案 0 :(得分:1)

您的代码只能在回复后使用,然后该按钮将保留在selectedItemClass

您需要使用客户端代码来更改按钮的类别。

一种选择是使用javascript / jquery解决方案,如:

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

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

答案 1 :(得分:0)

您是否检查过是否添加了课程?或者你可以这样做:

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

检查你的css顺序是否忽略了两种不同的背景色和它们的优先级。