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

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

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

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

相关内容

热门资讯

开挂辅助软件"德普之... 德普之星透视辅助软件下载是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可...
开挂辅助脚本"wpk... 开挂辅助脚本"wpk私人局辅助是真的吗"开挂(透视)辅助神器(存在有挂)；打开点击测试直接进入微信（...
开挂辅助软件"wpk... 开挂辅助软件"wpk辅助是真的吗"开挂(透视)辅助工具(有挂技巧)；无需打开直接搜索薇:136704...
开挂辅助平台"wep... 开挂辅助平台"wepoker钻石怎么看底牌"开挂(透视)辅助下载(有挂详细)；wepoker钻石怎么...
开挂辅助神器"wep... 开挂辅助神器"wepoker数据分析"开挂(透视)辅助插件(详细教程)1、下载安装好wepoker数...
开挂辅助下载"哈糖大... 开挂辅助下载"哈糖大菠萝怎么开挂"开挂(透视)辅助软件(真的有挂) 【无需打开直接搜索加薇13670...
开挂辅助神器"xpo... 开挂辅助神器"xpoker透视辅助"开挂(透视)辅助安装(有挂透视);是一款可以让一直输的玩家，快速...
开挂辅助平台"约局吧... 开挂辅助平台"约局吧游戏挂"开挂(透视)辅助软件(的确有挂)【无需打开直接搜索加薇136704302...
开挂辅助下载"wpk... 开挂辅助下载"wpk有辅助器吗"开挂(透视)辅助插件(有挂总结)1、下载安装好wpk有辅助器吗，进入...
开挂辅助软件"wpk... 开挂辅助软件"wpk免费辅助"开挂(透视)辅助软件(有挂辅助)【无需打开直接搜索加薇13670430...