直接添加 layui-btn-radius 类即可实现圆角，但必须与 layui-btn 类同时使用，单独使用无效；兼容主题和尺寸类，嵌套时需注意父容器 overflow 和层级遮挡问题。
layui搜索按钮怎么加圆角？直接加 layui-btn-radius 类就行
只要按钮是标准的 layui 按钮（即已带 layui-btn 类），加圆角最简单的方式就是补一个 layui-btn-radius 类。它不是可选效果，而是 Layui 官方提供的预设类，和主题、尺寸类完全兼容。
常见错误是手动写 CSS 或试图用 skin 配置——skin 只作用于 layer 弹层容器，对按钮无效；而自定义 border-radius 容易被 Layui 内置样式权重压制。
<button class="layui-btn layui-btn-radius">搜索</button>- 搭配主题：例如
<button class="layui-btn layui-btn-radius layui-btn-warm">高级搜索</button> - 搭配尺寸：例如
<button class="layui-btn layui-btn-sm layui-btn-radius">搜</button>
搜索按钮在表单里不圆？检查是否漏了 layui-btn 基础类
很多开发者把 <input type="submit"> 或原生 <button></button> 直接丢进 form，没加 layui-btn，结果加了 layui-btn-radius 也无效——因为 layui-btn-radius 是个“增强类”，必须依附在 layui-btn 上才生效。
Layui 的按钮样式系统是分层的：layui-btn 提供基础布局、边框、内边距和垂直居中；layui-btn-radius 只负责覆盖 border-radius，不提供任何其他样式。
- ❌ 错误写法：
<button class="layui-btn-radius">搜索</button>（缺layui-btn） - ✅ 正确写法：
<button class="layui-btn layui-btn-radius">搜索</button> - 如果用了
lay-submit触发校验，也要确保 button 有layui-btn，否则可能丢失 hover/active 状态
搜索按钮嵌在搜索框右侧，圆角被裁切怎么办？
当搜索按钮与 layui-input 组合成“输入框+按钮”结构（比如用 layui-input-group）时，常见问题是右上/右下圆角被父容器或相邻元素截断。这不是圆角没生效，而是 DOM 层级或 overflow 导致的视觉遮挡。
根本原因是：Layui 的 .layui-input-group 默认没有 border-radius，且其子元素（如 input 和 button）是 inline-block，边界紧贴容器边缘。
- 给整个输入组加统一圆角：
.layui-input-group { border-radius: 6px; overflow: hidden; } - 更稳妥的做法是单独控制按钮右半边：
.layui-input-group .layui-btn { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } - 避免对
.layui-input单独设左圆角——它会和 group 的左边缘错位，反而更难看
动态生成的搜索按钮（如 table toolbar）圆角失效？优先用 class 控制，别靠 JS 插入 style
在表格工具栏、动态菜单或 AJAX 渲染的区域里，按钮可能是 JS 拼 HTML 字符串后插入的。这时如果用 $('...').append('<style>...</style>') 或 .css() 设置圆角，容易因渲染时机或 Layer 重绘而丢失。
Layui 的 DOM 更新机制（尤其是 table、form 模块）会主动重写部分属性，内联样式和临时 style 标签极不稳定。
- ✅ 推荐做法：在全局 CSS 文件中统一定义，例如：
.search-btn { @extend .layui-btn; @extend .layui-btn-radius; }，然后 JS 中写<button class="search-btn">搜索</button> - ⚠️ 不推荐：
$(...).find('button').addClass('layui-btn-radius')—— 如果按钮还没渲染完就执行，会失败；如果渲染后执行，又可能被后续模块覆盖 - 特别注意：Layui 2.8+ 对按钮加了
transition，圆角加完后 hover 动画自动可用，无需额外处理
layui-btn-radius 看似简单，但它背后绑定的是整套按钮渲染逻辑——跳过它，基本等于绕开框架做样式，后续维护成本会指数上升。
