Html 使用JSTL在满足条件语句时动态更改CSS属性

我的目标是在满足条件时，动态更改if语句中HTML按钮的CSS属性。我对它如何工作有一个简单的想法，但不确定如何更改JSTL中当前的css属性

比如说

<input type="submit" value="Previous" class="button"/> 
 <c:if test = "condition goes here">
      //change or set css properties here
 </c:if> 

//在此处更改或设置css属性

如果需要，您可以使用内联样式，或者通过以下方式创建新样式标记来实现更好的实现：

解决方案1

<input type="submit" value="Previous" class="button" <c:if test = "condition goes here">style="css-style:${yourProp}"</c:if>/>

解决方案2

<c:if test = "condition goes here">
  <style type='text/css'>
     .button{css-style:${yourProp}}
  </style>
</c:if>
<input type="submit" value="Previous" class="button"/>

.button{css样式：${yourProp}}

---

对于第二种解决方案，最大的问题是样式旁边的所有元素都将采用该样式，因此您需要一些id或标识符。

如何做到这一点？我已经知道${…}表示什么。它只是在该条件下动态更改css属性。或者有一个类似的例子供我遵循。一个例子是，当这个条件得到满足时，我想改变css属性的颜色。我该如何在if语句中写这个？我使用了解决方案1，它工作得很好。谢谢你的帮助