从Thymeleaf中的模型对象设置CSS变量

w8ntj3qf 于 2022-12-15 发布在其他

关注(0)|答案(1)|浏览(144)

我在一个Thymeleaf模板的样式标签中设置CSS颜色变量。颜色值来自模型对象。我还想应用一个默认颜色，以防模型属性不在那里。
我已经在Question 62610602中使用了正确的答案，但是在我的例子中，一个反斜杠被粘贴在颜色代码的前面。

:root {
    --accent-color: \#00FF00;
}

Thymeleaf模板中的代码为：

<style th:inline="css">
    :root {
        --accent-color: [[${appUser?.accentColorCode} ?: '#ea0a8e']];
    }
</style>

1条答案

看起来[[...]] css表达式将输出转义为CSS identifiers。您必须使用未转义的[(...)]表达式来输出颜色。（我编辑了我的原始答案...）

<style th:inline="css">
    :root {
        --accent-color: [(${appUser?.accentColorCode} ?: '#ea0a8e')];
    }
</style>