layui搜索框放大镜图标由layui.css中.layui-input-search .layui-icon-search的伪元素或字体图标生成，不可手动替换，需通过高权重css覆盖其::before内容或背景。
layui搜索框放大镜图标在哪定义
它不是独立 DOM 元素，而是由 layui.css 里 .layui-input-search .layui-icon-search 的伪元素或字体图标生成的。你无法通过改 HTML 或 JS 插入新图标来覆盖——Layui 在渲染搜索框时会自动往 .layui-input-search 容器里塞一个 <i class="layui-icon layui-icon-search"></i>，且这个节点是只读、不可手动替换的。
直接改 CSS 覆盖图标内容最可靠
改图标本质是覆盖该类的 ::before 伪元素内容或重置字体图标码点。必须用足够权重的 CSS 规则，且确保在 layui.css 之后加载：
- 用 Unicode 字符（如 ?）：
.layui-input-search .layui-icon-search::before { content: "\1F50D" !important; } - 用自定义 SVG 内联（兼容性更好）：
.layui-input-search .layui-icon-search { background: url("data:image/svg+xml,%3Csvg...") no-repeat center; text-indent: -9999px; }（需 URL 编码 SVG） - 禁用原图标再加新 DOM 是无效的：删掉
.layui-icon-search或设display: none会导致搜索框右侧留白，且失去点击聚焦行为
改完图标后搜索功能失效？检查三个地方
图标只是视觉层，但 Layui 搜索框的行为强依赖结构完整性：
-
.layui-input-search必须包裹<input type="text">和那个.layui-icon-search，顺序不能错，否则form.render()可能跳过绑定 - 别给
.layui-icon-search加pointer-events: none—— 它负责接收点击并触发 input 聚焦，禁用后用户点右侧区域无法激活输入框 - 如果用了自定义字体图标（比如 iconfont），要确认字体文件已加载，且
font-family正确指向，否则显示成方块或空白
移动端图标太小点不中？别只放大图标
iOS Safari 对小热区点击极其敏感，单纯把 font-size 放大到 24px 仍可能误判为滑动。真正有效的是扩大可点击区域：
- 给
.layui-input-search .layui-icon-search设width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; - 保留原有图标居中，但点击区域变成 36×36 像素矩形
- 避免用
transform: scale()—— 它放大的只是渲染像素，不扩大事件热区
