input[list]右侧的叉号实为::-webkit-calendar-picker-indicator伪元素，需用input[list]::-webkit-calendar-picker-indicator{display:none!important}精准隐藏，避免误删search的×按钮或影响date类型。
input[list] 右侧的叉号其实是 calendar-picker-indicator
很多人以为那是“清空按钮”，但其实它和 type="search" 的 × 按钮无关，也不是 ::-webkit-search-cancel-button。这个小箭头（有时在某些版本里显示为叉号）是由 ::-webkit-calendar-picker-indicator 控制的——名字带 “calendar”，但它被 Chromium 复用到了所有带 list 属性的 input 上，包括 type="text"。
所以想隐藏它，不能冲着 search 或 clear 去写样式，得精准命中这个伪元素：
-
input[list]::-webkit-calendar-picker-indicator { display: none !important; }是唯一可靠的写法 - 必须加
!important：浏览器内置样式权重高，普通声明容易被忽略 - 用
input[list]而不是input或input[type="text"]，避免误杀type="date"的合法日历图标 - Firefox 不渲染这个指示器，无需额外处理
别误删了 type="search" 的真正 × 按钮
如果你同时用了 type="search" 和 list（比如想兼顾原生清空 + 下拉联想），要注意：这两个功能共存时，Chromium 会同时渲染两个伪元素——一个是 ::-webkit-search-cancel-button（×），一个是 ::-webkit-calendar-picker-indicator（箭头/叉号）。它们互不干扰，但 CSS 选择器容易一锅端。
常见错误是写成：
立即学习“前端免费学习笔记（深入）”；
input::-webkit-calendar-picker-indicator,
input::-webkit-search-cancel-button {
display: none;
}
这样会把真正的清空 × 也干掉。正确做法是分开控制：
- 只隐藏 datalist 关联带来的指示器：
input[list]::-webkit-calendar-picker-indicator { display: none !important; } - 如果还想保留
type="search"的 ×，就单独写：input[type="search"]::-webkit-search-cancel-button { appearance: none; }（注意：这里用appearance: none是为了重置样式，不是删除按钮） - 千万别对
input全局加-webkit-appearance: none，它会连 × 按钮一起抹掉
IE/Edge Legacy 的 ::-ms-clear 怎么办
老版 Edge（EdgeHTML 内核）和 IE 会为可编辑输入框渲染一个灰色 × 按钮，叫 ::-ms-clear。它和 datalist 无关，但如果你的 input 同时满足“可编辑 + 有值”，它就可能出现，尤其在表单 reset 后残留状态时。
要一并清理，补上这句即可：
input::-ms-clear { display: none; }
注意：::-ms-clear 和 ::-ms-reveal（密码显示按钮）常一起出现，保险起见可以都写：
input::-ms-clear,
input::-ms-reveal {
display: none;
}
为什么有时候隐藏失效
最常见原因是 CSS 加载顺序或选择器精度不够。比如：
- 框架 CSS（如 Bootstrap）可能带了更宽泛的
input::-webkit-calendar-picker-indicator规则，且没加!important，你的规则被覆盖了 - 写了
input[list]::…却忘了加[list]，结果匹配到所有 input，反而影响 date 类型 - 用 JS 动态插入
input后没重新应用样式——其实不用管，CSS 伪元素是运行时计算的，只要 DOM 结构符合选择器就会生效 - 开发工具里看到伪元素节点还在，不代表它可见；检查 computed 样式里的
display是否真为none
真正难搞的是多层覆盖场景：比如某个 UI 库全局重置了 all: unset，那连伪元素都会被剥离——这种时候就得找库的文档，或换更前置的样式注入方式。
