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

标签 html css less

@myThemeBackground = #ddd;  

div#box1 { background: @myThemeBackground; }  

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

也就是说,如果用户为背景选择自定义颜色,我希望整个皮肤都发生变化。

注意:这是为了动态地为应用程序设置主题/皮肤,例如,用户选择背景颜色,然后整个应用程序发生变化(无需刷新页面)

最佳答案

您可以使用 modifyVars 方法即时修改 Less 变量:

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

关于html - 通过 LESS 和 CSS 动态(在运行时)更改变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9946873/

相关文章:

javascript - 使用另一个帐户重新登录后 2 div 的奇怪行为

jquery - 使用Jquery检查元素的类型

html - 无论屏幕高度如何,如何将页面内容保持在导航栏下方?

Javascript 函数需要刷新页面才能运行

jquery - slider 在 IE8 中不起作用

css - 在::after或::before伪元素内容中添加换行符

visual-studio - Web Essentials 包括来自另一个 CSS 文件的新 LESS 样式中的现有样式

css - Bootstrap : rows overlaping & height inconsistency

less - Grunt、Less 和文件监视

html - 输入[类型 ="checkbox"] :checked does not work in IE8