Asp.net 如何在asp按钮的不同事件上应用不同的css样式?

Asp.net 如何在asp按钮的不同事件上应用不同的css样式?,asp.net,css,Asp.net,Css,我有一个web用户控件,其中有十个asp按钮 我希望当我在这些按钮上悬停时,光标应该变为手动光标,我能够做到这一点 现在我想,当我按下一个按钮时,它应该改变它的前后颜色,使它看起来被选中 我试着用代码来做,但没用。以下是我的css文件内容: .buttonclass { background-color: Olive; cursor: pointer; } .selectedItemClass { background-color: Blue; color: Wh

我有一个web用户控件,其中有十个asp按钮

我希望当我在这些按钮上悬停时,光标应该变为手动光标,我能够做到这一点

现在我想,当我按下一个按钮时,它应该改变它的前后颜色,使它看起来被选中

我试着用代码来做,但没用。以下是我的css文件内容:

.buttonclass
{
    background-color: Olive;
    cursor: pointer;
}
.selectedItemClass
{
    background-color: Blue;
    color: White;
}
点击按钮,我写下如下:

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

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

您的代码只有在回发后才能工作,然后按钮将保留在
selectedItemClass

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

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

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

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

您的代码只有在回发后才能工作,然后按钮将保留在
selectedItemClass

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

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

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

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

您是否检查过该类是否已添加或替换?或者你可以:

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

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

您是否已检查该类是否已添加或替换?或者你可以:

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

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

您好,Curt,您的解决方案有效,但它适用于所有按钮我只想将其应用于单击的按钮…知道如何做吗?您可以为每个按钮创建一个唯一的类,如:
class=“buttonclass button1”
,然后在jquery codeHi Curt中将
buttonclass
更改为
button1
,您的解决方案有效,但它适用于所有按钮我只想将其应用于单击的按钮…知道如何做吗?您可以为每个按钮创建一个唯一的类,如:
class=“buttonclass button1”
,然后在jquery代码中将
buttonclass
更改为
button1