按钮内的文本似乎不是按钮的一部分？
创始人
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 中，将按钮的文本包裹在 标签中，像这样：

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

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

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

相关内容

热门资讯

黑科技了解！苹果菠萝德州辅助神... 黑科技了解！苹果菠萝德州辅助神器，云扑克辅助器日租版，原本存在有挂（2023已更新）-哔哩哔哩相信很...
黑科技挂！智星德州菠萝有挂吗，... 黑科技挂！智星德州菠萝有挂吗，欢乐棋牌有挂吗，原先存在有挂（2022已更新）-哔哩哔哩智星德州菠萝有...
黑科技智能ai！智星德州菠萝怎... 黑科技智能ai！智星德州菠萝怎么开挂，gg扑克平台发牌机制，一直真的有挂（2020已更新）-哔哩哔哩...
黑科技安卓版！智星菠萝德州辅助... 黑科技安卓版！智星菠萝德州辅助，德扑之星软件模拟器，往昔是真的有挂（2021已更新）-哔哩哔哩；原来...
黑科技讲解！智星德州菠萝偷偷看... 黑科技讲解！智星德州菠萝偷偷看牌功能，哈糖大菠萝有辅助吗，总是真的是有挂（2025已更新）-哔哩哔哩...
黑科技肯定！智星菠萝德州有挂吗... 黑科技肯定！智星菠萝德州有挂吗，德扑ai机器人哪里有卖，原来真的有挂（2025已更新）-哔哩哔哩1、...
黑科技app！智星德州菠萝有挂... 黑科技app！智星德州菠萝有挂吗，云扑克cloudpoker怎么下载，都是有挂（2022已更新）-哔...
黑科技辅助挂！红龙扑克真的好坑... 黑科技辅助挂！红龙扑克真的好坑，德扑快速计算胜率，果然真的有挂（2026已更新）-哔哩哔哩；红龙扑克...
黑科技辅助！智星德州菠萝怎么开... 黑科技辅助！智星德州菠萝怎么开挂，gg扑克平台发牌机制，一直有挂（2023已更新）-哔哩哔哩智星德州...
黑科技好牌！红龙扑克有挂吗，哈... 黑科技好牌！红龙扑克有挂吗，哈糖大菠萝有挂吗，本然存在有挂（2024已更新）-哔哩哔哩1、点击下载安...