按钮内的文本似乎不是按钮的一部分？
创始人
2024-11-04 03:00:10
0次

如果你发现按钮内的文本似乎没有作为按钮的一部分来工作，可以尝试使用以下 CSS 代码：

button {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  text-align: center;
}

button span {
  position: relative;
  z-index: 1;
}

button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: red;
  opacity: 0;
  transition: opacity 0.3s ease;
}

button:hover:before {
  opacity: 0.2;
}

在 HTML 中，将按钮的文本包裹在 标签中，像这样：

这个解决方法将使按钮内的文本能够正确地作为按钮的一部分工作，并且仍然可以设置按钮的背景色、边框和悬停状态。

上一篇：按钮内的文本放置异常

下一篇：按钮内的旋转器颜色不正确

相关内容

热门资讯

透视关于"aapok... 透视关于"aapoker如何设置胜率"原来真的有辅助app(哔哩哔哩)1、完成aapoker如何设置...
透视解密"佛手在线大... 透视解密"佛手在线大菠萝技巧"真是有辅助app(哔哩哔哩)佛手在线大菠萝技巧是不是有人用挂微扑克wp...
透视分享"hhpok... 透视分享"hhpoker德州有挂吗"总是真的是有辅助器(哔哩哔哩)hhpoker德州有挂吗辅助器是一...
透视揭露"wepok... 透视揭露"wepoker怎么设置房间"本来存在有辅助插件(哔哩哔哩)1、超多福利：超高返利，海量正版...
透视教你"wepok... 透视教你"wepoker辅助器最新版本更新内容"好像真的是有辅助挂(哔哩哔哩)1、该软件可以轻松地帮...
透视教你"德普之星透... 透视教你"德普之星透视辅助软件"一直真的是有辅助方法(哔哩哔哩)1、进入游戏-大厅左侧-新手福利-激...
透视曝光"哈糖大菠萝... 透视曝光"哈糖大菠萝能开挂吗"真是有辅助脚本(哔哩哔哩)1、金币登录送、破产送、升级送、活动送。详细...
透视有挂"cloud... 透视有挂"cloudpoker怎么开挂"都是真的有辅助挂(哔哩哔哩)1.cloudpoker怎么开挂...
透视揭露"wepok... 透视揭露"wepoker私人局透视插件"真是真的是有辅助app(哔哩哔哩)1、金币登录送、破产送、升...
透视曝光"红龙pok... 透视曝光"红龙poker有辅助吗"切实是真的辅助脚本(哔哩哔哩)小薇（辅助器软件下载）致您一封信；亲...