color属性在body文本中是否有效_全局文字颜色过时用法【说明】
能用但不是“全局文字颜色”的可靠方案body { color } 仅影响自身及可继承元素button、input 等表单控件默认不继承需显式设 color: inherit 或使用 CSS 自定义属性统一控制。body 上直接写 color 属性还能用吗能用但不是“全局文字颜色”的可靠方案。浏览器会照常解析 color但它的作用范围仅限于 body 元素自身及其继承链——而很多内建元素比如 button、input、select默认不继承 color它们用自己的颜色逻辑。哪些元素会忽略 body { color: red }典型例子是表单控件button、input[typetext]、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 等特殊上下文它们也不自动继承示例 文心快码 文心快码Comate是百度推出的一款AI辅助编程工具