在没有默认值的情况下使用<input type="color">似乎会导致无用的控件(我尝试使用Firefox 53),因为颜色永远不会改变,而
添加默认值,一切按预期运行(working example)。

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

const colors = [...document.querySelectorAll(".color-controls input[type=color]")];
colors[0].addEventListener("input", setFrontColor);
docStyle.setProperty("--front-color", colors[0].value);


在HTML属性中设置默认值的约束迫使我手动设置它,而我想设置value通过JS获取当前CSS变量“ --front-color”值。

如何通过jQuery获取CSS变量的值?

最佳答案

$('button').css("color",'red')
console.log($('button').css("color"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>asd</button>






使用.css()
要设置使用.css("color","red");
获得使用.css("color");

10-05 20:54
查看更多