首页 > web前端 > css教程 > 为什么我的按钮在悬停时没有改变颜色?

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

DDD
发布: 2024-11-02 06:49:29
原创
191 人浏览过

Why Isn't My Button Changing Color on Hover?

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

问题描述:

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

提供的解决方案:

<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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板