能用，但不是“全局文字颜色”的可靠方案；body { color } 仅影响自身及可继承元素，button、input 等表单控件默认不继承，需显式设 color: inherit 或使用 css 自定义属性统一控制。
body 上直接写 color 属性还能用吗
能用，但不是“全局文字颜色”的可靠方案。浏览器会照常解析 color，但它的作用范围仅限于 body 元素自身及其继承链——而很多内建元素（比如 button、input、select）默认不继承 color，它们用自己的颜色逻辑。
哪些元素会忽略 body { color: red }
典型例子是表单控件：button、input[type="text"]、textarea 在多数浏览器中默认使用系统主题色，不继承 body 的 color。即使你写了 body { color: #333 }，输入框里的文字仍可能是灰色或黑色，取决于 OS 和 UA 样式。
-
button默认有独立的color声明（来自浏览器 UA stylesheet），优先级高于继承值 -
input和textarea的文字颜色由其color自身决定，不是继承来的 - 伪元素如
::placeholder完全不受body color影响，必须单独设置
想真正统一文字颜色，该怎么做
用 CSS 重置 + 显式继承更稳妥。核心是两点：覆盖 UA 样式，强制关键元素继承文本色。
- 给
button、input、textarea、select显式声明color: inherit - 加上
* { color: inherit }或:where(*) { color: inherit }（注意性能，慎用于大项目） - 如果用 CSS 自定义属性，推荐定义
--text-color，再在body和表单元素上统一应用 - 别忘了
svg text、math等特殊上下文，它们也不自动继承
示例：
body {
color: #222;
}
<p>button, input, textarea, select {
color: inherit;
}</p><p>::placeholder {
color: #888;
}</p>
为什么老教程总说“body { color } 就够了”
因为早期网页结构简单，内容几乎全是 p、div、span 这类天然继承 color 的元素。现代 UI 大量依赖原生表单控件和 Web Components，它们的样式封闭性更强，继承链被有意截断。
- Chrome 从 v80+ 加强了表单控件的 UA 样式隔离
- Firefox 对
input的color默认值做了 OS 感知调整，不再无条件继承 - 用
appearance: none可以解除部分限制，但会丢失可访问性语义，不建议滥用
真正麻烦的不是 body color 失效，而是失效得不明显——你改了 body，局部文字没变，却很难一眼看出是哪个元素没继承。
