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

前端之家收集整理的这篇文章主要介绍了html – 通过LESS和CSS动态地(在运行时)更改变量?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@myThemeBackground = #ddd;  

div#Box1 { background: @myThemeBackground; }

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

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

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

解决方法

您可以使用modifyVars方法动态修改Less变量:
less.modifyVars({ myThemeBackground : '#000' });

猜你在找的HTML相关文章