CSS自定义属性不适用于Google Chrome 67.0

时间:2018-07-24 12:39:29

标签: html css

我已经通过这个问题看到了

CSS Custom Properties not working in Chrome

尝试在67.0中实现和使用自定义属性时,直到49.0才实现CSS自定义属性,我在Google Developer工具中得到的背景颜色为“无效属性值”。

CSS:

据我了解,您设置了自定义属性,例如:

:root{
    --PrimaryColour: #71b220;
}

然后应用它,例如:

.panel-default > .panel-heading{
    background-color: var(--PrimaryColour);
}

我正在使用Visual Studio 2015,但似乎不起作用。这里有我想念的东西吗?

编辑:在Google Developer中,它显示为

background-colour: --PrimaryColour

但是,如果我(在Google Developer中)对其进行编辑,是这样的:

background-colour: var(--PrimaryColour);

它似乎有效。 前缀'var'似乎已被省略。

1 个答案:

答案 0 :(得分:0)

找到答案。 Visual Studio的奇怪行为。它一直从CSS省略前缀'var'。经过几次重建后,它开始停止并正确显示自定义属性。