appearance: none 在 iOS Safari 上对 select、date、number 等控件基本无效，是 Apple 的系统级限制，旨在保障可访问性；仅 text、search、textarea、button、checkbox、radio 等基础控件在 iOS ≥16.4 且配合 -webkit-appearance: none 时部分生效。
appearance: none 在 iOS Safari 上对 <select></select>、<input type="date">、<input type="number"> 等控件基本无效 —— 不是写法错，是 Apple 的系统级限制。
为什么 appearance: none 在 iOS 上经常“失灵”
Apple 明确禁止 Web 页面完全接管原生表单控件的渲染逻辑，尤其涉及可访问性（如 VoiceOver）时。你加了 appearance: none 和 -webkit-appearance: none，但下拉箭头还在、背景色被忽略、圆角不生效，甚至控件变不可点击——这些都不是 CSS 写错了，而是 Safari 主动拦截并降级渲染。
常见错误现象包括：
-
<select></select>加了appearance: none后仍显示蓝色边框和箭头，且无法用background覆盖 -
<input type="date">设置color无效，内部文本始终灰暗 - 整个控件在点击后无响应，或 focus 状态丢失
哪些控件能真正响应 appearance: none
仅限基础控件，且需满足两个前提：较新 iOS 版本（≥16.4）、必须同时写 -webkit-appearance: none。
立即学习“前端免费学习笔记（深入）”；
实际可用的有：
-
<input type="text">、<input type="search">、<textarea></textarea>：可清除默认内边距、边框、圆角，但 placeholder 样式仍需单独处理 -
<button></button>：能彻底重置，适合做自定义按钮 -
<input type="checkbox">和<input type="radio">：可用appearance: none隐藏原生图标，再用::before或背景图替代（注意tabindex和aria-checked手动同步）
别碰 <input type="tel">、<input type="email"> 的 appearance；它们的键盘触发逻辑依赖原生渲染，强行重置可能让软键盘不弹出。
绕过原生控件才是真实可行的路径
与其死磕 appearance，不如换思路：隐藏原生控件 + 自建 UI 层，同时保留语义和可访问性。
实操建议：
- 对
<select></select>：用visibility: hidden隐藏原生控件，另起一层<div role="combobox"> 模拟下拉，用 <code>tabindex="0"和keydown支持键盘导航 - 对日期/时间：放弃整体样式重写，改用
<input type="date">::-webkit-datetime-edit微调内部文本（仅 Android WebView / Chrome 有效，iOS Safari 不支持该伪元素） - 所有自定义方案必须保留
role、aria-expanded、aria-controls等属性，否则屏幕阅读器会完全失焦 - 禁用
all: unset或全局* { appearance: none }：这会破坏 Safari 的布局流，甚至触发兼容模式降级 - 给控件设固定
line-height: 1.5（不能用em或rem，避免继承干扰） -
padding上下值相等，锚定文字垂直位置 - 完整前缀覆盖：
::placeholder、::-webkit-input-placeholder、::-moz-placeholder、:-ms-input-placeholder - iOS Safari 存在 placeholder 闪一下才消失的重绘 bug，可加
transform: translateZ(0)强制 GPU 加速缓解
placeholder 样式为什么总不一致
不同浏览器对 ::placeholder 的基线锚点不同：Chrome 垂直居中偏上，Firefox 偶尔截断，Safari 在 <textarea></textarea> 中 line-height 失效。光设 color 没用。
必须组合使用：
最易被忽略的一点：所有这些样式重置，都建立在「不破坏可访问性」的前提下。一旦为了视觉统一删掉 outline 或屏蔽 focus 状态，键盘用户和屏幕阅读器使用者就直接掉队了 —— 这不是优化，是排除。
