如何使用百里香更改背景颜色 html 属性？

Question

我正在尝试在 web 应用程序中使用 model 中的特定值更改背景颜色。

<div class="card" style="width: 18rem; background: [[${task.color}]]" >
</div>

其中 task.color 是从 model 中选择的默认 html 颜色的字符串值，但这种方式不起作用。

如何使用给定 DIV 上 model 的颜色集更改背景颜色？

谢谢

Answer 1

如果要 Thymeleaf 处理属性，则必须在它们前面加上th: 。

<div class="card" th:style="|width: 18rem; background: ${task.color}|">
</div>

或者

<div class="card" style="width: 18rem;" th:styleAppend="|background: ${task.color}|">
</div>