layer.open 按钮默认无圆角，需通过外部 css 覆盖 .layui-layer-btn button 类设置 border-radius，推荐用精确类名或属性选择器，注意兼容性、!important 及移动端渲染差异。
layer.open 的按钮默认没有圆角，得手动改 CSS
Layer 自带的 btn 配置只控制文字和数量，不提供样式接口。按钮渲染后是普通 <button></button> 元素，类名固定为 layui-layer-btn0、layui-layer-btn1 等，必须靠外部 CSS 覆盖。
常见错误是直接在 layer.open 里写 style 或试图用 skin 加类名——skin 只作用于弹层容器，不影响按钮区域。
- 按钮真实 DOM 位置在弹层底部，父容器是
layui-layer-btn - 每个按钮对应一个
layui-layer-btnX（X 从 0 开始），顺序和btn数组一致 - 修改前先确认 Layer 版本：Layui 2.8+ 按钮已加
layui-btn基础类，兼容性更好；老版本需额外补基础样式
给 layer 按钮加圆角的最小可行 CSS
最稳妥的方式是用属性选择器或类名精确命中，避免污染全局 button：
.layui-layer-btn button {
border-radius: 4px;
}
<p>/<em> 或更精准（推荐） </em>/
.layui-layer-btn .layui-layer-btn0,
.layui-layer-btn .layui-layer-btn1,
.layui-layer-btn .layui-layer-btn2 {
border-radius: 6px;
padding-left: 20px;
padding-right: 20px;
}</p>
注意点：
- 不要只写
border-radius: 50%—— 按钮宽高不等时会变椭圆 - 如果用了
btnAlign: 'c'（居中对齐），按钮会套一层layui-layer-btnflex 容器，此时margin或gap可能影响间距，建议优先调padding - Layui 2.8+ 默认按钮有
transition: all .3s，加圆角后 hover 动画仍生效，无需额外处理
在 layer.open 中动态控制圆角（比如不同弹层不同弧度）
不能靠 JS 改按钮 DOM 类名（Layer 会重绘），但可以临时插入 style 标签或切换容器 class：
- 方式一：打开前注入内联样式
layer.open({
content: '确定要删除吗？',
btn: ['确认', '取消'],
success: function(layero) {
// 找到按钮容器，插入 style
const btnWrap = layero.find('.layui-layer-btn');
btnWrap.append('<style>.layui-layer-btn button{border-radius:8px !important;}</style>');
}
});
- 方式二：给弹层加自定义 skin，再用 CSS 区分
layer.open({
skin: 'layer-round-big',
btn: ['提交', '重填']
});
<p>/<em> 对应 CSS </em>/
.layer-round-big .layui-layer-btn button {
border-radius: 12px;
height: 38px;
}</p>
关键限制：CSS 里的 !important 很可能需要，因为 Layer 内联样式会设 border-radius: 0（尤其旧版）。
移动端点击无反馈、圆角被截断的典型原因
不是代码没生效，而是浏览器默认行为或视口缩放干扰：
- iOS Safari 下，按钮若未设置
-webkit-appearance: none，系统会强加圆角并覆盖你的样式 - 安卓某些 WebView 里，
zoom: 1或transform: scale()会让圆角像素计算失准，表现为“半截圆角” - 如果弹层内容用了
overflow: hidden且按钮紧贴边缘，圆角会被父容器裁掉——检查.layui-layer-content和.layui-layer-btn的 padding 是否足够
修复示例：
.layui-layer-btn button {
-webkit-appearance: none;
border-radius: 6px;
}
.layui-layer-page .layui-layer-content {
padding-bottom: 10px; /* 给按钮留出圆角空间 */
}
真机调试时，别只看 Chrome 模拟器——iOS 上 border-radius 渲染逻辑和安卓不一致，必须实测。
