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

Posted 2023-03-06

【中文标题】如何在悬停时更改按钮的颜色？

【英文标题】：How can I change a button's color on hover?

【发布时间】：2011-04-23 08:43:11

【问题描述】：

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

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

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;

【参考方案1】：

a.button a:hover 表示“悬停在上面的链接是 button 类链接的子链接”。

转而使用a.button:hover。

【参考方案2】：

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

a.button:hover
     background: #383;

你的代码

a.button a:hover

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

【参考方案3】：

a.button:hover
    background: #383;  

对我有用，但在我的情况下

#buttonClick:hover 
background-color:green;