body标签的text属性在HTML5中已被彻底废弃，浏览器直接忽略；应使用CSS的body{color:...}配合表单控件重置（如input{color:inherit}）和CSS变量实现真正全局可控的文字颜色。
body 标签的 text 属性在现代开发中已完全失效，不能用于设置全局文字颜色。
为什么 text 属性现在不起作用
HTML5 明确移除了 body 元素的 text、link、vlink、alink 和 bgcolor 等呈现属性。浏览器（包括 Chrome、Firefox、Safari 最新版本）会忽略它们，即使写在 HTML 中也不会改变任何样式。XHTML 1.0 Strict 更早就不支持；HTML 4.01 已标记为“不赞成使用”。这不是兼容性问题，而是标准层面的废弃。
CSS 的 body { color: ... } 为什么有时没效果
看似写了 body { color: #333; } 却发现某些文字没变色，常见原因有：
- 内联样式（如
<p style="color: red">）优先级高于body规则 - 其他选择器权重更高，比如
p { color: #000; }或.content p { color: #666; } - 部分元素默认不继承
color，例如button、input、textarea、select—— 它们有自己的 UA 样式，需显式重置：button, input, textarea, select { color: inherit; } -
::placeholder是伪元素，必须单独设置：::placeholder { color: #999; }
真正可靠的全局文字颜色控制方式
用 CSS 自定义属性（CSS 变量）配合 body 继承链，兼顾可维护性与覆盖完整性：
:root {
--text-color: #2d3748;
}
<p>body {
color: var(--text-color);
}</p><p>/<em> 关键：重置表单控件，否则它们保持系统默认色 </em>/
button, input, textarea, select {
color: inherit;
}</p><p>::placeholder {
color: #a0aec0;
}
这样做的好处是：
- 一处修改，全站响应（包括深色模式切换时只需改
:root中变量值） - 避免重复写
color，减少 CSS 冗余 - 语义清晰，便于团队协作和后期重构
- 兼容所有现代浏览器（Chrome 49+、Firefox 31+、Safari 9.1+）
别依赖 text 属性，也别只靠 body { color } 就以为万事大吉——表单控件和伪元素才是最容易漏掉的环节。
