layer.tips 字体大小和内边距无法通过配置项设置，必须用 CSS 覆盖 .layui-layer-tips .layui-layer-content 并加 !important，推荐在 layui.css 后全局样式中定义，或用 skin 参数实现差异化定制。
layer.tips 的字体大小不能靠配置项直接设
官方文档里 tips 参数只接受数组形式的 [方向, 背景色]，比如 [2, '#ff6700']，压根没有字体、内边距、行高这类字段。想改文字大小或 padding，必须走 css 覆盖——这是最常被误以为“有 api 可配”而卡住的地方。
常见错误现象：写 layer.tips('提示', elem, {tips: [2, '#fff'], style: 'font-size:14px;'})，完全无效，因为 style 不是 tips 的合法参数。
- 真正生效的是类名
layui-layer-tips及其子元素（如.layui-layer-content）的 CSS 规则 - 必须加
!important，否则会被 layer 内联样式或 layui.css 默认值压制 - 推荐在项目全局 CSS 末尾或
<style></style>标签中添加，避免被其他样式干扰
怎么精准覆盖 tips 的字体和内边距
tips 弹层结构固定：<div class="layui-layer layui-layer-tips">...<div class="layui-layer-content">文字</div>
</div>。所以关键就是给 .layui-layer-tips .layui-layer-content 下手。
实操建议：
- 字体大小：用
.layui-layer-tips .layui-layer-content { font-size: 14px !important; } - 内边距（上下左右）：加
padding: 8px 12px !important;，注意不要只写padding-top，否则左右可能塌陷 - 如果要换行支持长文本，顺手加上
word-break: break-all;
完整示例：
.layui-layer-tips .layui-layer-content {
font-size: 14px !important;
padding: 8px 12px !important;
word-break: break-all;
}
为什么有时改了没反应？检查这三点
CSS 生效失败不是代码写错，大概率是优先级或作用域问题。
- 没加
!important：layui 默认是font-size: 12px，不强制就赢不了 - CSS 加载顺序错：你的样式表必须在
layui.css之后引入，否则被覆盖 - 用了自定义 skin 或修改了 DOM 结构：如果你传了
tipsMore: true或手动包裹内容，class 名可能多了一层，得 inspect 元素确认真实路径
不想全局影响其他 tips？用动态 class 隔离
如果你的页面里有的 tips 要小字、有的要大字，硬套全局样式会互相打架。这时可以用 skin 参数打标记，再针对性写 CSS：
- 调用时加
skin: 'tips-large'：layer.tips('重要提示', elem, {tips: [3, '#fff'], skin: 'tips-large'}) - 然后写专属样式：
.tips-large .layui-layer-content { font-size: 16px !important; padding: 10px 16px !important; }
这个技巧也适用于不同颜色/圆角/阴影等差异化需求，比改源码安全，升级 layui 也不怕丢。
真正麻烦的不是写几行 CSS，而是得先打开开发者工具点开那个 layui-layer-tips 元素，看它到底套了几层、class 有没有被动态加过，不然光猜 selector 就能浪费半小时。
