Javascript 获取动态背景色，使用较少的颜色应用于单独的元素
这里有很多关于使用LESS动态更新颜色的讨论，例如：。但我还没有看到具体解决我的挑战的东西 我们公司提供的网络软件为用户提供了广泛的UI灵活性，包括整体背景色。但是有许多元素是他们无法改变的，它们需要有一个背景色来提供适当的用户体验（参见我的引导图示符问题——当然也欢迎回答）。我想找到一个解决方案，在任何给定时间将用户设置的任何颜色作为背景色，并将其动态应用于其他元素。我可以通过Javascript实现这一点，但似乎我应该能够利用我们在应用程序堆栈中使用较少的资源来有效地创建一个未设置的mixin，该mixin将根据用户的UI选择进行动态更新。我尝试了很多次，试图将一个较少的解决方案公式化，但都无济于事Javascript 获取动态背景色，使用较少的颜色应用于单独的元素,javascript,twitter-bootstrap-3,less,glyphicons,Javascript,Twitter Bootstrap 3,Less,Glyphicons,这里有很多关于使用LESS动态更新颜色的讨论，例如：。但我还没有看到具体解决我的挑战的东西 我们公司提供的网络软件为用户提供了广泛的UI灵活性，包括整体背景色。但是有许多元素是他们无法改变的，它们需要有一个背景色来提供适当的用户体验（参见我的引导图示符问题——当然也欢迎回答）。我想找到一个解决方案，在任何给定时间将用户设置的任何颜色作为背景色，并将其动态应用于其他元素。我可以通过Javascript实现这一点，但似乎我应该能够利用我们在应用程序堆栈中使用较少的资源来有效地创建一个未设置的mixi
我找错树了吗？在我开始JS路线之前，我想看看是否有人能为这个挑战提出一个基于较少的解决方案。一如既往，提前感谢您在此提供的任何帮助。只需使用较少的变量，但您需要在浏览器中传输，或让服务器在变量更改时重新传输css只需使用较少的变量，但是您需要在浏览器中传输，或者让服务器在变量更改时重新传输css我通常不会在浏览器中使用较少的内容，但是根据提供的文档，您可以链接到javascript文件，该文件将编译较少的文件
<!-- Here: include any less plugin scripts, any required browser shims and optionally set less = any options -->
<script src="less.js"></script>
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<link data-dump-line-numbers="all" data-global-vars='{ "myvar": "#ddffee", "mystr": "\"quoted\"" }' rel="stylesheet/less" type="text/css" href="less/styles.less">
更好的方法是使用配置驱动的css生成器，该生成器根据一组参数生成css文件，并通过CDN提供服务。我通常不会在浏览器中使用较少的内容，但根据提供的文档，您可以链接到javascript文件，该文件将较少的文件编译为
<!-- Here: include any less plugin scripts, any required browser shims and optionally set less = any options -->
<script src="less.js"></script>
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<link data-dump-line-numbers="all" data-global-vars='{ "myvar": "#ddffee", "mystr": "\"quoted\"" }' rel="stylesheet/less" type="text/css" href="less/styles.less">