layui表单必填项加星号须手动为label添加layui-required等类名，再通过::after伪元素插入content:"*"并设color等样式；因input是替换元素不支持伪元素，且layui不识别原生required属性。
layui 表单必填项加星号靠 class 驱动，不是靠 required 属性
Layui 不识别原生 input required，也不会自动给 label 加星号。它依赖你手动在 <label></label> 上加 class="layui-required"（或自定义类名），再用 CSS 的 ::after 插入星号。这是最稳定、兼容性最好的方式，连 IE10 都能正常显示。
- 必须给
<label></label>加类，不能只给<input>加required或lay-verify="required" -
layui-required是约定俗成的类名，你也可以用required，但要同步改 CSS 选择器 - 别试图写
input:required::after—— 浏览器会直接忽略，因为<input>是替换元素，不支持伪元素内容渲染
CSS 星号样式必须设 content: "*" 和 position: absolute
只写 color: red 不会显示星号，content 是硬性前提。Layui 官方示例里用 position: absolute 是为了精准定位，避免影响 label 布局流；如果你的 label 是 flex 或 inline-block，也可以改用 display: inline-block + margin-left 更稳妥。
- 推荐写法：
.layui-form-label.layui-required::after { content: "*"; color: #d32f2f; margin-left: 4px; } - 避免用
font-size: 0.8em缩小星号——可访问性差，屏幕阅读器可能跳过，且小字号在高分屏上模糊 - 如果 label 文字换行，星号被挤到下一行，说明没设
white-space: nowrap或display: inline-block
layuimini 框架要额外加 layuimini-form 类才能生效
layuimini 是 Layui 的二次封装，它重写了部分表单样式逻辑。如果你用了 layuimini，光加 layui-required 不够，<form></form> 标签还必须带 class="layui-form layuimini-form"，否则 CSS 选择器权重不够，星号不会渲染。
- 检查 form 标签是否漏了
layuimini-form—— 这是 layuimini 用户最常见的遗漏点 - 如果用了自定义主题或覆盖了 layuimini 的 CSS，优先检查
.layuimini-form .layui-form-label.required::after是否被其他样式干掉 - 不要混用
layui-required和required：一个项目里统一用一种，避免维护混乱
用 JS 动态加星号容易出错，慎用
有方案用 jQuery 遍历 input[lay-verify*="required"] 然后给前一个 <label></label> 插入 * 字符，这种写法破坏语义、绕过 CSS 控制、且无法响应后续 DOM 变化（比如异步加载的表单项）。更糟的是，它直接修改 innerHTML，可能清空 label 里的图标或 slot 内容。
- 除非你完全控制不了 HTML 结构（比如从后端模板拼出来的 label），否则别走 JS 路线
- 如果真要用 JS，至少用
label.classList.add("layui-required")，而不是label.innerHTML = "*"+text - Vue/React 项目中，更推荐在组件层通过 prop 控制 label 类名，而非操作 DOM
*，而是让这个 * 在所有上下文里都稳、准、可访问。
