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

@myThemeBackground = #ddd;

div#box1 { background: @myThemeBackground; }

我正在使用 LESS 以便为我的 css 使用变量。它工作正常，但我想知道是否有办法让我在运行时通过JavaScript或其他方式动态更改“myThemeBackground”。

因此，如果用户为背景选择自定义颜色，我希望整个皮肤都改变。

注意:这是用于动态主题/换肤的应用程序，例如，用户选择背景颜色，然后整个应用程序更改(无需刷新页面)

最佳答案

您可以使用 modifyVars 方法动态修改 Less 变量:

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