各位观众，欢迎来到今天的“CSS黑暗料理…啊不，黑暗模式”讲座！今天我们要聊的是一个CSS新贵，它能让你的表单和滚动条在黑暗模式下也能光彩照人（或者说，暗得有格调）。它就是——color-scheme。 开胃小菜：color-scheme 是什么？ 简单来说，color-scheme 是一个CSS属性，它允许你告诉浏览器，你的页面支持哪些配色方案。通常，我们会关注两种方案：light（亮色）和 dark（暗色）。通过声明支持的配色方案，你可以让浏览器自动调整某些用户界面元素的样式，使其与用户的系统偏好相匹配。 想象一下，你的用户选择了系统的黑暗模式，但是你的表单元素和滚动条依然亮瞎眼，这体验…简直像是半夜吃了一口芥末。color-scheme 就是来解决这个问题的，它可以让这些“不听话”的元素自动适应黑暗模式，让你的网站看起来更和谐。 主菜登场：color-scheme 的语法 color-scheme 的语法相当简单，你可以把它应用在 <html> 元素上，也可以应用在任何其他元素上。常见的用法如下： /* 声明支持亮色和暗色模式 */ :root { color-sch …