layui单选框默认边框由.layui-form-radio>i选择器定义，样式为border: 1px solid #d2d2d2，属伪元素模拟而非原生input自带；去除需覆盖该选择器的border属性，并注意保留可访问性与交互反馈。
layui 单选框默认边框来自哪？
layui 的 radio 组件默认有浅灰色边框（border: 1px solid #d2d2d2），它不是原生 <input type="radio"> 自带的，而是 layui 通过自定义背景 + 伪元素模拟出来的视觉效果。真正起作用的是 .layui-form-radio 和 .layui-form-radio>i 这两个选择器。
直接覆盖 CSS 就能去掉边框
最稳妥的做法是加一条针对性样式，优先级要高于 layui 默认样式。注意不能只改 input 元素本身（它被隐藏了），得改它的容器和内部图标：
.layui-form-radio,
.layui-form-radio>i {
border: none !important;
box-shadow: none !important;
}
如果只想去掉未选中状态的边框，保留选中时的视觉反馈，可以更精确地写：
.layui-form-radio>i {
border: none !important;
}
.layui-form-radio>i:hover,
.layui-form-radio[lay-skin="primary"]>i {
/* 保留 hover 或 primary 主题下的高亮效果（可选） */
background-color: #009688;
}
用 lay-skin="primary" 替代默认皮肤更省事
layui 内置的 primary 皮肤本身就不画边框，只靠颜色区分状态，适合想“无边框但仍有交互感”的场景：
- HTML 中写：
<input type="radio" name="sex" value="1" title="男" lay-skin="primary"> - 它会自动忽略默认圆圈边框，渲染为纯色圆点 + 文字
- 不需额外 CSS，兼容性好，且不会破坏 layui 表单校验逻辑
去掉边框后要注意什么？
视觉上“去边框”容易导致用户无法识别单选框区域，尤其在灰底或复杂背景上：
- 务必确保文字与背景有足够对比度（比如深灰文字配白底）
- 不要同时去掉
hover和focus样式，否则键盘操作会失去焦点指示 - 如果项目用了 layui 的表单验证（
form.verify），去掉边框不影响功能，但错误态提示（如红边）仍依赖.layui-form-danger，建议一并检查该类是否被你覆盖
真正麻烦的从来不是怎么删边框，而是删完之后用户点哪儿、看不看得清、键盘 tab 到底停在哪——这些比一行 border: none 更值得花时间确认。
