我有一个选择器中单独的CSS文件中声明的自定义CSS变量。
.ui-grid-row:nth-child(odd) {
background-color: var(--altbg-color) !important;
}
这不是根元素。因此，不确定在这种情况下css-vars-ponyfill将如何工作。我也尝试过，但是无法使它起作用。 （如果有人可以帮助我使其工作，我将不胜感激。）
我正在尝试通过javascript（我正在使用AngularJS 1.3）将值设置为变量
document.documentElement.style.setProperty('--some-color', 'green')
在Chrome和Firefox上可以正常使用，但在IE（11）中则不能。
有人有解决方案吗？
提前致谢。
最佳答案
是not supported in IE 11。
您只能使用IE Edge 16及更高版本中的CSS变量。但是，IE 15部分支持它。
在Edge 15中，不计算具有CSS变量的嵌套计算，并且将其忽略see bug
在Edge 15中，带有css变量的动画可能导致网页崩溃see bug
在Edge 15中，无法在伪元素see bug中使用css变量
不过，这里有一个polyfill：
https://www.npmjs.com/package/css-vars-ponyfill
这不支持IE edge11。它开始支持IE edge 12+。而且没有优势，它开始支持IE 9。
IE Edge Chrome Firefox Safari
----------------------------------
9+ 12+ 19+ 6+ 6+
关于javascript - document.documentElement.style.setProperty('-some-color'，'green')在IE中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55226538/