使用JSTL

Question

我的目标是在满足条件时动态更改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> 

Answer 1

如果您想要或者以更好的方式创建新的样式标记，您可以使用内联样式：

解决方案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"/>

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