问题描述
我目前正在研究一个基本显示地图的项目。下面的地图(具有下面的图像)具有不同的颜色渐变,当您在CSS中设置颜色时,我想复制vscode的效果,它显示了一个显示颜色的小框。我会显示该颜色并在其旁边写一个注释。(例如,绿色=很好的经济性,浅绿色=中等的经济性,非常浅绿色的=较差的经济性。)
当您在CSS中设置颜色属性时,我真的很想复制您在vscode中看到的颜色显示:
解决方法
在vs代码中打开设置(在Mac上,按Command +逗号)
搜索Color Decorators
并选中框
有关代码设置https://code.visualstudio.com/docs/getstarted/settings
的更多信息 ,我认为您是在问有关在CSS中设置自定义属性/变量的问题吗?
:root {
--some-yellow-you-name-here: #ffff00;
}
.you-class-name {
background-color: var(--some-yellow-you-name-here);
}