有没有办法通过 Thymeleaf 内联注入 CSS 属性？

Question

我正在使用 Spring 和 Thymeleaf 在后端构建电子邮件，我遇到了以下问题：我需要在使用内联 CSS 时注入颜色十六进制代码作为 CSS 属性。

<span 
  th:text="${newStateText}" 
  style="display: inline-block; padding: 0.35em 0.65em; font-size: .75em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 1rem;" 
  th:style="'background-color: '+${newStateBackgroundColor}+'; color: '+${newStateColor}+''"
                        >
</span>

如您所见，我尝试使用类似

th:style

（我认为）不存在的东西来注入

newStateBackgroundColor

和

newStateColor

上下文变量

我希望能够通过变量注入some样式属性，并保持我的样式内联。

Answer 1

th：风格确实存在。 我建议使用文字替换，如下所示：

<span 
  th:text="${newStateText}" 
  th:style="|background-color: ${newStateBackgroundColor}; color: ${newStateColor}; display: inline-block; padding: 0.35em 0.65em; font-size: .75em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 1rem;|" 
/>