首页 > web前端 > css教程 > 如何正确定位按钮以进行悬停颜色更改?

如何正确定位按钮以进行悬停颜色更改?

DDD
发布: 2024-11-02 05:04:30
原创
356 人浏览过

How to Correctly Target a Button for Hover Color Change?

如何有效地更改悬停时按钮的颜色

要修改按钮悬停时的颜色,请按照以下步骤操作:

提供的代码不起作用,因为“a.button a:hover”的目标是悬停在按钮上的链接。相反,使用“a.button:hover”在按钮悬停时直接定位按钮。

这是更正后的代码:

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:hover {
  background: #383;
}
登录后复制

此修改将成功更改按钮悬停时的颜色结束了。

以上是如何正确定位按钮以进行悬停颜色更改?的详细内容。更多信息请关注PHP中文网其他相关文章!

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