laypage按钮圆角需用高权重CSS覆盖，如.layui-laypage a, .layui-laypage span:not(.layui-laypage-em):not(.layui-laypage-spr) { display: inline-flex; border-radius: 4px; }，并确保样式在渲染后生效。
laypage按钮圆角怎么加？直接改CSS无效的常见原因
layui laypage 默认不提供圆角配置项，所有按钮（首页、上一页、页码、下一页、末页）都是纯<span>或<a>标签，靠内联样式+默认css渲染。直接写.layui-laypage a { border-radius: 4px; }经常不生效——因为laypage内部会动态插入style标签覆盖你的规则，且按钮无固定类名，只有.layui-laypage-em（省略号）、.layui-laypage-curr（当前页）等少数可选中结构。
真正有效的做法是：用高权重选择器覆盖，并确保样式在laypage渲染后加载（或使用!important临时兜底）：
-
.layui-laypage a, .layui-laypage span必须同时写，因非链接页码用span - 加上
:not(.layui-laypage-em):not(.layui-laypage-spr)排除省略号和分隔符，避免圆角错 applied - 必须声明
display: inline-flex或inline-block，否则border-radius对inline元素无效 - 若用
!important，仅限开发调试；上线建议把自定义CSS放在layui.css之后、laypage.render()之前引入
如何统一控制laypage按钮间距（不是列间距）
laypage没有“按钮间距”配置参数，它靠margin控制相邻按钮间隙，默认是margin: 0 5px（左右各5px）。但这个值被写死在laypage内部的行内style里，无法通过配置项修改。
实操上只有两个可靠路径：
- 用CSS强制重置：
.layui-laypage a, .layui-laypage span { margin: 0 8px !important; }（注意加!important，否则被内联样式压制） - 在
layout配置中去掉默认布局，用prev/next/first/last返回HTML字符串，手动包裹带margin的<span>，例如：prev: '<span class="pg-btn">‹ 上一页</span>'，再单独给.pg-btn设margin - 避免用
layui-col-space*——那是栅格系统的列间距，对laypage完全无效
为什么加了layui-btn-radius没用？
layui-btn-radius是layui按钮组件（layui-btn）的圆角类，而laypage生成的DOM**不使用layui-btn类**，也不走按钮组件渲染逻辑。它是独立的轻量分页模块，与按钮样式系统解耦。
所以以下写法无效：
laypage.render({
elem: 'demo',
// ❌ 错误：laypage不识别layui-btn-radius
theme: 'layui-btn-radius'
});
正确思路是绕过theme，专注CSS控制。如果你真想用按钮样式，唯一办法是禁用laypage默认渲染，改用jump回调 + 手动拼DOM，然后每个页码都套<button class="layui-btn layui-btn-sm layui-btn-radius">1</button>——但这会失去laypage的自动禁用、高亮、响应式等能力，仅适合极简定制场景。
移动端小屏下圆角“消失”的真实原因
不是CSS没生效，而是laypage在小屏（max-width: 768px）下会把分页条转为块级堆叠布局（display: block），按钮变成垂直排列，此时border-radius只作用于上下边，左右边被父容器裁切或相邻元素遮挡。
解决它要两步：
- 先保证按钮本身有足够内边距：
.layui-laypage a, .layui-laypage span { padding: 6px 12px; } - 再给整个分页容器加包裹和裁剪：
.layui-laypage { display: inline-flex; flex-wrap: wrap; } @media (max-width: 768px) { .layui-laypage { display: block; border-radius: 6px; overflow: hidden; } } - 注意：不要对
.layui-laypage直接设border-radius而不加overflow: hidden，否则圆角会被子元素撑破
圆角和间距的修改本质都是CSS劫持，laypage不开放样式钩子，就得在渲染后“补刀”。最容易被忽略的是选择器权重和display类型——这两个点卡住，90%的自定义都会白忙活。
