前端之家收集整理的这篇文章主要介绍了
html – 通过LESS和CSS动态地(在运行时)更改变量?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@myThemeBackground = #ddd;
div#Box1 { background: @myThemeBackground; }
我正在使用LESS以便为我的css使用变量.它工作正常,但我想知道是否有办法让我在运行时通过javascript或其他东西动态地更改“myThemeBackground”.
所以说如果用户为背景选择自定义颜色,我希望整个皮肤都要改变.
注意:这是为了动态地对应用程序进行设置/换肤,例如用户选择背景颜色,然后整个应用程序更改(不刷新页面)
您可以使用modifyVars
方法动态
修改Less变量:
less.modifyVars({ myThemeBackground : '#000' });
原文链接:https://www.f2er.com/html/231834.html