CSS中‘Highlight’这类未声明颜色值是什么？是否为系统变量？

嗨，这个问题问得特别好！其实你用到的Highlight是CSS里的系统颜色关键字，属于浏览器内置的、和操作系统主题绑定的颜色值，不需要你手动声明就能直接用~

它的作用是读取当前操作系统里设置的「高亮文本背景色」——比如你选中网页文字、本地文件时看到的那个背景色，所以你看到偏蓝，应该是你的系统默认高亮色调就是这个颜色，换个系统主题的话它还会跟着变化哦。

这类系统颜色关键字还有不少，都是用来匹配系统UI风格的，给你列几个常用的：

• HighlightText：被高亮选中的文本颜色（和Highlight配对，比如选中文字时的文字颜色）
• ButtonFace：按钮的表面背景色
• ButtonText：按钮上的文字颜色
• Window：窗口内容区域的背景色
• WindowText：窗口内容里的文字颜色
• ActiveCaption：活动窗口的标题栏颜色
• InactiveCaption：非活动窗口的标题栏颜色
• Menu：系统菜单的背景颜色
• MenuText：系统菜单里的文字颜色

需要注意的是，这些颜色的实际显示效果完全依赖用户的系统主题设置，所以如果你的页面需要固定色调，就别用这类关键字，但如果想做和系统风格统一的界面，它们会非常好用~

内容的提问来源于stack exchange，提问作者Pablo