不能彻底禁用，spellcheck="false"在Chrome/Edge中通常有效，但Firefox受系统级拼写服务影响仍可能显示红色波浪线，CSS无法隐藏该下划线，需关闭系统拼写检查或改用contenteditable方案。
spellcheck="false" 能彻底禁用 textarea 拼写检查吗
不能一概而论。设置 spellcheck="false" 是标准做法，但浏览器行为不一致：Chrome 和 Edge 通常会尊重它，Firefox 却可能仍显示英文拼写下划线（尤其在 macOS 上）。这不是 bug，而是 Firefox 默认启用系统级拼写服务，且不完全受该属性控制。
Firefox 下 textarea 红色下划线的真正原因
Firefox 会调用操作系统原生拼写检查（如 macOS 的 NSpellChecker），spellcheck="false" 仅影响其内置词典逻辑，无法绕过系统层干预。用户若在系统设置中启用了“自动拼写检查”，Firefox 就会透传该行为到 <textarea>。
- 验证方式：打开任意
<textarea>，输入明显错词（如helo），看是否仍有红色波浪线 - 临时关闭：macOS 进入「系统设置 → 键盘 → 文本输入 → 编辑 → 拼写检查」，关掉「自动拼写检查」
- 开发侧无法通过 HTML/CSS 强制禁用——这是浏览器对系统 API 的被动响应
能用 CSS 隐藏红色下划线吗
不能。拼写错误的红色波浪线是浏览器渲染层叠加的装饰，不属于 CSS 可样式化的伪元素（比如 ::spelling-error 并不存在于标准中）。text-decoration、outline、box-shadow 全部无效。尝试用 -webkit-text-decoration 或 text-decoration-skip-ink 也无济于事——它们只影响真实文本装饰，不覆盖拼写标记。
- 常见误操作：给
<textarea>加style="text-decoration: none;"—— 完全没用 - 唯一视觉缓解方式：用
caret-color或color改变文字色，让红线下划线对比度降低（治标不治本） - 若需彻底隐藏，只能引导用户关闭系统拼写检查，或换用
<div contenteditable="true">（但会失去原生表单语义和部分事件行为）
textarea 中英文混合时 spellcheck 的实际表现
spellcheck 属性对语言无区分，它只开关“拼写检查引擎介入”。但引擎本身依赖语言环境：英文单词会被校验，中文、日文等无空格分隔的语言基本不触发（除非输入拼音或英文混写）。所以“关闭英文下划线”本质是关闭整个拼写服务，不是单独过滤英文。
立即学习“前端免费学习笔记（深入）”；
- 设置
spellcheck="false"后，Firefox 仍可能对英文显示红线（系统级），但 Chrome/Edge 通常不再校验任何语言 - 不要依赖
lang="zh"来规避——<textarea lang="zh">对拼写检查无实际约束力 - 若业务强要求无红线（如代码编辑器场景），建议用
contenteditable+ 自定义输入处理，绕过原生拼写检查机制
spellcheck 上反复调试。 
