如何使用thymelaf更改背景色html属性？

fcy6dtqo 于 2023-01-15 发布在其他

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

我正在尝试在一个网络应用程序中使用模型中的特定值来更改背景色。

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

其中task.color是从模型中选择的默认html颜色的字符串值，但这种方式不起作用。
如何使用给定DIV上模型的颜色集更改背景颜色？
谢谢

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>