我在前端使用LESS / Bootstrap,在服务器端使用PHP 。我想使用服务器端脚本为页面上的许多不同元素生成不同的颜色(想想彩虹)。
我想做的是在 PHP 中创建两个变量@startcolor
,并@endcolor
使用这些变量在 LESS 中应用渐变。所以我想做的是这样的:
在 HTML 中:
<div style="@startcolor: rgb(1,2,3); @endcolor: rgb(4,5,6)">...</div>
不到:
.buttonBackground(@startcolor, @endcolor);
在 CSS 中它工作得很好,我可以简单地使用样式标签覆盖任何样式。我的问题是,到目前为止,我发现无法使用内联样式标记在 LESS 中设置变量。
为了更好地理解我想要实现的目标,请查看此测试页面。我想做的是将背景渐变设置为随机颜色,就像我现在设置文本颜色一样。
如果无法使用服务器端技术,是否可以使用 JS?