动态调整样式表中的css变量?

时间:2013-01-19 18:28:25

标签: html css variables dynamic colors

我目前正在构建模板,并遇到了以下问题。我希望用户能够根据主题所具有的十六进制数来选择颜色,任何颜色。它目前在我的style.css文件中硬编码到很多地方。我想知道的是,最好的方法是什么?我已经调查了less.js,这对我来说是最好的选择吗?我也不得不重新编写很多css。所以问题是对我来说最好的选择是什么?我不想将style.css转换成php,所以我可以完成这个...因为我确信有更好的方法。这也将最终成为一个wordpress主题,所以我想知道如何使用它同样基于用户设置。

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以在选项表中保留用户颜色或主题设置,并根据它生成css文件。如果配置选项不是太大,请考虑将其动态放入文件本身作为内联css。它将覆盖外部CSS的规则。

如果主题具有预定义的颜色方案,则在css文件中单独的主题规则,并将其作为备用样式表放在html中。使用js。

根据用户颜色选择切换样式表文件