CSS color-scheme 和夜间模式
原文约3400字，阅读约需9分钟。发表于：。介绍一个和深色模式相关的CSS属性：color-scheme 一、什么是 color-scheme？ color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的更改浏览器的默认配色方案，语法如下 color-scheme: normal; color-scheme: light; color-scheme: dark; color-scheme: light dark; 几个关键词如下 normal：表示元素未指定任何配色方案，因此应使用浏览器的默认配色方案呈现。 light：表示可以使用操作系统亮色配色方案渲染元素。 dark：表示可以使用操作系统深色配色方案渲染元素。 下面来看一个简单的例子 <h2>前端侦探</h2> <button … The post CSS color-scheme 和夜间模式 first appeared on Lenix Blog.
color-scheme是一个与深色模式相关的CSS属性，用于更改浏览器的配色方案。它可以指定元素的配色方案，如normal、light、dark等。color-scheme的作用范围包括表单控件、滚动条和CSS系统颜色的使用值。与prefers-color-scheme不同，color-scheme不会干涉prefers-color-scheme的判断。使用color-scheme属性可以提升页面的视觉体验。
