layer.tips背景色只能通过CSS覆盖修改，无法用JS参数配置；需重写.layui-layer-tips及其伪元素的background-color和border-color，并确保箭头颜色与背景一致。
layer.tips 的背景色由 CSS 控制，不是通过 JS 参数配置
直接调用 layer.tips() 时传参改不了背景色——它压根不接受样式参数。所有视觉表现（包括背景、边框、文字色、圆角）都来自 Layui 自带的 CSS 类 .layui-layer-tips 及其子元素。想统一改，就得覆盖它的 CSS 规则。
常见错误现象：在 layer.tips('提示内容', elem, {time: 2000}) 里加 skin: 'my-tips' 或尝试传 style 字段，完全无效。
- 真正生效的方式只有：在页面加载后（或 Layui 加载完成之后），用自定义 CSS 覆盖默认样式
- 推荐把覆盖样式写在 Layui 的
layui.css后面，或用!important确保优先级 - 注意作用域：如果项目用了 scoped CSS（如 Vue 单文件组件），需用
:deep()或提出来到全局样式中
修改 .layui-layer-tips 的 background-color 和 border-color
核心要改的是两个地方：.layui-layer-tips 主容器的背景和边框，以及箭头（小三角）的颜色。后者由伪元素 ::after 和 ::before 实现，它们的 border-color 决定了箭头颜色。
示例（将 tips 改为深蓝背景 + 白字 + 白色箭头）：
.layui-layer-tips {
background-color: #1e6fff !important;
color: #fff !important;
border: none !important;
}
.layui-layer-tips .layui-layer-content {
padding: 8px 12px !important;
}
.layui-layer-tips .layui-layer-arrow,
.layui-layer-tips .layui-layer-arrow2 {
border-color: #1e6fff transparent transparent transparent !important;
}
.layui-layer-tips .layui-layer-arrow2 {
border-color: #1e6fff transparent transparent transparent !important;
}
- 箭头颜色必须和主背景一致，否则会露白边；
border-color四个值分别对应上右下左，tips 箭头朝向元素，默认是“上”，所以第一个值是顶边颜色，其余设为transparent - 如果表单元素在右侧触发 tips，Layui 会自动加
.layui-layer-tipsC类（箭头朝左），此时要额外覆盖该类下的border-color - 不要只改
.layui-layer-content，它只是内部容器，外层.layui-layer-tips才控制整体背景和圆角
避免影响其他 layer 类型（如 layer.msg、layer.alert）
直接全局改 .layui-layer-tips 是安全的，因为 Layui 为不同类型 layer 分配了独立 class：.layui-layer-page、.layui-layer-dialog、.layui-layer-tips 互不干扰。但要注意一个坑：
- 别误写成
.layui-layer（这是所有 layer 的基类），那样会连弹窗、加载层一起变样 - 如果你用
layer.open({type: 4})自定义了 tips 风格，那它可能没走标准 tips 流程，得单独看 DOM 结构再针对性覆盖 - Layui 2.8+ 对 tips 增加了暗色模式适配逻辑，若项目开了 dark mode，CSS 变量可能介入，建议检查 computed styles 确认最终生效的是哪条规则
Vue / React 项目中动态加载 Layui 时样式失效
在现代前端框架里，Layui 的 CSS 常被异步加载或局部作用域隔离，导致你写的覆盖样式没生效，或者只在首次渲染起作用。
- 确保自定义 CSS 在
layui.css加载完成之后引入；可用layui.config({dir: 'xxx'})后再layui.use，并在回调里插入<style> - React 中若用
dangerouslySetInnerHTML注入样式，注意 CSP 限制；更稳妥的是把样式提到 public 目录，用<link>加载 - Vue 单文件组件里，不要把覆盖样式写在
<style scoped>里，除非用:deep(.layui-layer-tips)—— 且 Webpack/Vite 版本要支持
border-color 的四个值顺序。 
