3

是否可以以某种方式更改 LESSCSS 变量,例如

@basecolor: #F90;

后来像这样使用:

.myclass {
     color: darken(@basecolor, 10%);
 }

使用 jQuery 基于来自以下内容的用户输入:

$("#mybutton").click(function() {
    var color = $("#inputfield").val();
    //Some magic to change the LESS basecolor
});

我正在使用 less.js 即时编译 .less 文件。
提前致谢。

4

1 回答 1

2

与其在你的 less 文件中动态地改变值 - 这在客户端(也称为 JavScript)是不可能的,而是尝试在 less 中创建多个变体(类似于主题),然后将自定义类应用于元素(body 效果很好)。

例如,

[style.less]
@green: #00EE00;
@blue: #0000EE;

body {
  &.green { background:@green }
  &.blue { background:@blue }
}

[main.js]
$('#id').on('click', 'a.blue', function() {
  $('body').removeClass('green').addClass('blue')
}
于 2012-12-05T16:23:05.017 回答