为什么我的按钮在悬停时没有改变颜色？

更改鼠标悬停时的按钮颜色

问题描述：

寻求解决方案来更改按钮颜色鼠标指针悬停在其上。但是，提供的解决方案似乎没有按预期工作。

提供的解决方案：

<code class="css">a.button {
   ...
}
a.button a:hover{
     background: #383;
}</code>

失败原因：

选择器 a.button a:hover 的目标链接是类按钮链接的子链接。这不是预期的行为，因为按钮本身应该在悬停时改变颜色。

正确解决方案：

将选择器编辑为 a.button:hover 以定位鼠标悬停在按钮上时直接单击按钮。

<code class="css">a.button {
   ...
}
a.button:hover{
     background: #383;
}</code>

此修改后的选择器将在鼠标悬停时将所需的颜色更改应用于按钮，满足初始要求。

以上是为什么我的按钮在悬停时没有改变颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！