直接覆盖 .layui-tab-close:hover 类可修改关闭按钮悬停背景色，需加 !important 确保生效；还可同步调整 color 和 border-radius 实现风格统一，推荐用限定选择器避免影响其他组件。
直接覆盖 .layui-tab-close:hover 类就能改关闭按钮悬停时的背景色，不需要改源码、不依赖 JS 监听，加 !important 确保生效。
用 CSS 覆盖 hover 背景色
Tab 选项卡右上角的「×」关闭按钮，悬停状态由内置类 .layui-tab-close:hover 控制。只需在你自己的样式文件（或 <style> 块）中写：
.layui-tab-close:hover { background-color: #ff6b6b !important; }- 颜色值可按需替换，比如
#409eff（蓝色）、#f5222d（红色）等 - 必须加
!important，否则会被 layui 内联样式或高优先级规则覆盖
如果想同时改图标颜色和圆角
悬停时通常希望整体风格统一，可以一并调整：
.layui-tab-close:hover { background-color: #e6f7ff !important; color: #1890ff !important; border-radius: 2px; }-
color控制「×」图标的文字色（它本质是伪元素或字符） -
border-radius让背景更柔和，避免直角突兀
避免影响其他 close 按钮
如果你项目里还有其他地方用了 .layui-tab-close（比如弹窗、侧边栏），又只想改 Tab 标签页上的，可用更精确的选择器限定范围：
-
.layui-tab-card .layui-tab-close:hover（只作用于卡片式 Tab） -
.layui-tab-brief .layui-tab-close:hover（只作用于简洁式 Tab） - 或者加自定义容器 class：
.my-admin-tabs .layui-tab-close:hover，并在 tab 容器上写class="my-admin-tabs"
不推荐的做法
以下方式要么无效，要么容易出问题：
- 在
tab.on('beforeDelete')里用 JS 改 style —— 悬停是 CSS 行为，JS 绑定无意义 - 尝试用
rowStyle或title配置项干预 —— 这些跟 Tab 关闭按钮完全无关 - 修改
layui.css源文件 —— 升级后丢失，且易污染全局
