input[list]没有小三角，因其本身不渲染下拉控件，仅在聚焦时弹出无箭头的原生建议面板；右侧箭头多由select误用或CSS框架注入伪元素造成；需完整交互体验应手写role="combobox"结构。
input + datalist 为什么没有小三角？
它根本就没有。你看到的“小三角”不是 datalist 的，而是你误把 select 的样式逻辑套到 input[list] 上了。input 元素本身不渲染任何下拉控件 UI，浏览器只在聚焦时弹出一个极简的原生建议面板（类似 tooltip），这个面板没有可点击箭头、不占输入框右侧空间、也不受 appearance 控制。
那为什么我的 input 右侧有箭头？
大概率是你实际用的是 select，或者用了某些 CSS 框架（比如 Bootstrap、Element Plus）自动给带 list 属性的 input 加了伪元素箭头——这不是 HTML 原生行为，是 JS 或 CSS 主动注入的。
- 检查 DOM：右键审查元素，看右侧是不是
::after或background-image生成的图标 - 搜一下项目里有没有类似
input[list]::after或.autocomplete-input::before的样式 - 禁用所有自定义 CSS，刷新页面——如果箭头消失，说明是样式污染，不是
datalist自带
真想让 input 看起来像带箭头的下拉框，该怎么做？
那就别用 datalist，它不是干这个的。要实现「点击展开 + 键盘导航 + 选中反馈」的完整体验，必须手写 role="combobox" 结构：
- 保留
<input type="text" role="combobox" aria-expanded="false"> - 用
<div role="listbox">手动渲染选项，每个<div role="option">绑定tabindex="-1" - 监听
ArrowDown/Enter等事件，控制焦点和值填充 - 右侧箭头用
background或::after加，而不是依赖原生
强行给 input[list] 加箭头，只会导致语义错误、键盘不可操作、屏幕阅读器读不出状态——datalist 的定位就是轻量级提示，不是交互式下拉。
立即学习“前端免费学习笔记（深入）”；
容易被忽略的关键点
datalist 的匹配是前缀式、大小写不敏感、纯客户端执行，且 iOS Safari 对它的支持一直不稳定：有时需输入 2 字才触发，有时完全不显示建议面板。如果你的场景要求「必现、可控、可访问」，就别指望它扛住真实用户流量——该上 JS 实现的 combo box 就得上。
