ASP.net CSS button style

Murray Brown
Murray Brown used Ask the Experts™
on
Hi

I am using the following CSS on a my ASP.net button to round the corners.
I also want to show a little hand as the mouse hovers over and change the color.

How do I modify the code to do this?

        .roundedCorner {
            border: 3px solid #468499;
            padding: 5px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Glanced up at my screen and thought I had coded the Matrix...  Turns out, I just fell asleep on the keyboard.
Most Valuable Expert 2011
Top Expert 2015
Commented:
Use the :hover psuedo-selector:

.roundedCorner {
    border: 3px solid #468499;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.roundedCorner:hover {
    background-color: red;
    cursor: pointer;
}

Open in new window

Murray BrownASP.net/VSTO Developer

Author

Commented:
Fantastic! Thanks

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial