如何在悬停时更改按钮的颜色？

Question

我需要在悬停时更改按钮的颜色。

这是我的解决方案，但它不起作用。

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 1

a.button a:hover表示“正在悬停的链接是与button类链接的子级”。

改为a.button:hover。

Answer 2

似乎您的选择器错误，请尝试使用：

a.button:hover{
     background: #383;
}

您的代码

a.button a:hover

表示它将使用类按钮在a内搜索a元素。

Answer 3

var grouped = _.groupBy(clientSideViewModel, function (obj) {
    return obj.categorie.substr(0, 1).toUpperCase();
});

适合我，但在我的情况下

a.button:hover{
    background: #383;  }