admin
介绍一个和深色模式相关的CSS属性：color-scheme。
一、什么是 color-scheme？
color-scheme[1]顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的更改浏览器的默认配色方案，语法如下:
color-scheme: normal; color-scheme: light; color-scheme: dark; color-scheme: light dark;
- 1.
- 2.
- 3.
- 4.
几个关键词如下:
normal：表示元素未指定任何配色方案，因此应使用浏览器的默认配色方案呈现。
light：表示可以使用操作系统亮色配色方案渲染元素。
dark：表示可以使用操作系统深色配色方案渲染元素。
下面来看一个简单的例子：
<h2>前端侦探</h2>
<button>关注我</button>
- 1.
- 2.
在无任何CSS的情况下，效果如下：
微信扫一扫打赏
支付宝扫一扫打赏
