getaway getaway - 2 years ago 78
CSS Question

How can I change a button's color on hover?

I need to change the color of a button on hover.

Here is my solution, but it doesn't work.

a.button {
display: -moz-inline-stack;
display: inline-block;
width: 391px;
height: 62px;
background: url("img/btncolor.png") no-repeat;
line-height: 62px;
vertical-align: text-middle;
text-align: center;
color: #ebe6eb;
font-family: Zenhei;
font-size: 39px;
font-weight: normal;
font-style: normal;
text-shadow: #222222 1px 1px 0;
a.button a:hover{
background: #383;

Answer Source

a.button a:hover means "a link that's being hovered over that is a child of a link with the class button".

Go instead for a.button:hover.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download