Question

使用less.modifyVars方法从javascript动态更新较少的变量。它在chrome上工作正常但Firefox和IE-11不支持（即颜色属性值不适用于firefox和IE-11）。使用less.js进行编译，请参考代码和截图，我不知道我错在哪里。

// HTML Code

<html>
<head>
<link rel="stylesheet/less" type="text/css" href="css/color.less" />
<script src="Scripts/jquery-1.11.1.min.js"></script>
<script src="Scripts/less.js"></script>
<script type="text/javascript">
    less.modifyVars({
        '@color': 'blue'
    });
</script>
</head>
<body>
     <div class="row1" style="width: 250px; height: 250px;">box1</div>
     <div class="row2" style="width: 250px; height: 250px;">box2</div>
</body>
</html>

//LESS Code(color.less)

@color:"red";

.row1
{
background-color:@color;
}
.row2
{
background-color:@color;
}

错误截图：＆＃34; http://s8.postimg.org/ia9ki4nnp/Browser.png＆＃34;

使用javascript动态较少变量的值 - 浏览器兼容性问题

0 个答案: