通过jQuery获取CSS变量的值

通过jQuery获取CSS变量的值,jquery,css,css-variables,Jquery,Css,Css Variables,在没有默认值的情况下使用似乎会导致控件不可用(我尝试使用Firefox53),因为颜色永远不会改变,而 添加默认值后,一切按预期运行() 实际上,我使用此值填充css变量,例如: const colors = [...document.querySelectorAll(".color-controls input[type=color]")]; colors[0].addEventListener("input", setFrontColor); docStyle.setProperty

在没有默认值的情况下使用
似乎会导致控件不可用(我尝试使用Firefox53),因为颜色永远不会改变,而 添加默认值后,一切按预期运行()

实际上,我使用此值填充css变量,例如:

const colors = [...document.querySelectorAll(".color-controls input[type=color]")];
colors[0].addEventListener("input", setFrontColor);    
docStyle.setProperty("--front-color", colors[0].value);
Constraint将默认值设置为HTML属性强制我手动设置它,而我想设置
通过JS获取当前CSS变量“
--front color
”值

如何通过jQuery获取CSS变量的值?
$('button').css(“颜色”,“红色”)
console.log($('button').css(“color”))


asd
也许属性是您的一个选项。我真的不明白你的意思…很抱歉,我写的是我正在使用CSS变量,比如
--front color
。我必须设置(并获取)CSS变量的值,然后将其值也应用到
html属性
value