html – 通过LESS和CSS动态地(在运行时)更改变量？

概述@myThemeBackground = #ddd; div#box1 { background: @myThemeBackground; } 我正在使用LESS以便为我的css使用变量.它工作正常,但我想知道是否有办法让我在运行时通过javascript或其他东西动态地更改“myThemeBackground”. 所以说如果用户为背景选择自定义颜色,我希望整个皮肤都要改变. 注意：这是为了

@mythemeBackground = #ddd;  div#Box1 { background: @mythemeBackground; }

我正在使用LESS以便为我的CSS使用变量.它工作正常,但我想知道是否有办法让我在运行时通过JavaScript或其他东西动态地更改“mythemeBackground”.

所以说如果用户为背景选择自定义颜色,我希望整个皮肤都要改变.

注意：这是为了动态地对应用程序进行设置/换肤,例如用户选择背景颜色,然后整个应用程序更改(不刷新页面)

解决方法 您可以使用modifyVars方法动态修改Less变量：

less.modifyVars({ mythemeBackground : '#000' });

总结

以上是内存溢出为你收集整理的html – 通过LESS和CSS动态地(在运行时)更改变量？全部内容，希望文章能够帮你解决html – 通过LESS和CSS动态地(在运行时)更改变量？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。