应通过CSS隐藏原生清除按钮：为input添加::-webkit-clear-button、::-webkit-search-cancel-button和::-moz-search-cancel-button伪元素并设display:none，且需用input选择器而非.layui-input，必要时加!important提升优先级。
layui input怎么禁用右侧清除按钮
layui 的 input（尤其是带 lay-key 或绑定 form.on('submit') 的）在 Chrome/Firefox 中默认会显示原生的「×」清除按钮，这不是 layui 自己加的，而是浏览器对 type="text" 且有内容时的自动行为。要干掉它，得从 CSS 层面压制原生控件。
Chrome/Firefox 下清除叉的 CSS 隐藏方案
主流方案是用伪元素覆盖，但要注意不同浏览器写法差异，只写一种容易漏掉：
-
::-webkit-search-cancel-button：针对 Chrome/Safari 的搜索框清除按钮（type="search"时最明显，但部分text也会触发） -
::-webkit-clear-button：Chrome 对可编辑input的通用清除按钮（更常用） -
::-moz-search-cancel-button：Firefox 的对应实现（需单独写）
推荐直接在全局样式或表单所在容器里加这段 CSS：
input::-webkit-clear-button,
input::-webkit-search-cancel-button {
display: none;
}
input::-moz-search-cancel-button {
display: none;
}
注意：必须用 input 元素选择器，不能只写 .layui-input —— 因为清除按钮是浏览器渲染在原生 input 上的伪元素，class 不影响它。
为什么加了 CSS 还不生效？常见踩坑点
几个高频失效原因：
- CSS 优先级不够：如果项目里有其他样式（比如重置库、UI 框架）写了
!important并作用于input，你的隐藏规则会被覆盖。建议加!important保险：display: none !important; - 用了
type="search"：这个类型在 Chrome 下清除按钮更顽固，建议统一改用type="text"，除非真需要搜索语义 - layui 版本较老（如 2.5.x 之前）：某些旧版会动态插入
input，导致 CSS 加载时机早于 DOM，此时需在form.render()后再注入样式，或用document.addEventListener('DOMContentLoaded', ...)包裹
有没有 JS 方案？不推荐但可应急
纯 JS 拦截没用——清除按钮是 UI 层，无法通过 oninput 或 onchange 阻止。有人试过监听 focus 后手动 input.select() 再 document.execCommand('delete')，但既不稳定又破坏用户体验。CSS 方案足够干净，别绕弯。
真正要注意的是：如果这个 input 同时启用了 layui 的 lay-verify="required" 或其它校验，清除按钮消失后用户只能手动删内容，体验其实变差了；所以更合理的做法是保留清除按钮，但用 input event + setTimeout 做防抖校验，而不是依赖按钮消失来“强制用户输入”。
