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

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

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

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

相关内容

热门资讯

揭秘！aapoker发牌逻辑，... 揭秘！aapoker发牌逻辑，wpk俱乐部辅助器，总是真的有挂（有挂助手）1、全新机制【ai辅助工具...
目前来看！hhpoker透视工... 目前来看！hhpoker透视工具，如何下载德普之星辅助软件，都是是有挂（竟然有挂）如何下载德普之星辅...
推荐一款！pokeplus脚本... 推荐一款！pokeplus脚本，hhpoker外挂靠谱吗，总是是真的有挂（有挂教程）1、脚本辅助下载...
随着！德普之星辅助器怎么用，德... 随着！德普之星辅助器怎么用，德扑之星辅助工具如何设置，一贯是有挂（真实有挂）1、下载好德扑之星辅助工...
热点推荐！wepoker透视破... 热点推荐！wepoker透视破解版，werplan脚本，真是是有挂（真的有挂）1、有没有辅助教程、有...
无独有偶！wepoker软件安... 无独有偶！wepoker软件安装包，德扑之星透视免费，原来是有挂（确实有挂）在进入德扑之星透视免费软...
重大科普！wepoker俱乐部... 重大科普！wepoker俱乐部辅助器，约局吧透视挂下载，一贯存在有挂（有挂总结）小薇（辅助器软件下载...
无独有偶！hhpkoer辅助器... 无独有偶！hhpkoer辅助器，德普之星私人局辅助器，切实是真的有挂（有挂工具）1、许多玩家不知道德...
玩家交流！hhpoker是真的... 玩家交流！hhpoker是真的吗，如何下载wpk透视版，好像真的是有挂（新版有挂）运辅助工具，进入游...
第三方辅助挂！pokemomo... 第三方辅助挂！pokemomo辅助工具，德普之星透视软件免费入口官网，都是真的有挂（有挂详情）1、德...