Question

I have a web user control where I have ten asp buttons.

I want that when I hover on these buttons the cursor should change to hand cursor, I am able to do that.

Now I want that when I press a button it should change it’s back and fore colors so that it looks selected.

I tried to do that by code but it’s not working. Following is my css file content:

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

and on the button click I have written like:

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

but it’s not working any idea or another way to achieve the required behavior.

Answer 1

Your code will only work after post-back, and then the button will remain with the selectedItemClass.

You will need to use client-side code to change the class of your button.

One option would be to use a javascript/jquery solution like:

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

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