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

Question

I am aiming to dynamically change CSS properties of a HTML button inside an if statement, when the condition is met. I have a brief idea on how it would work but not sure on how you would change the current css property in JSTL.

For example

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

Answer 1

You can use inline style if you want or make a better implementation creating a new style tag in this way:

Solution 1

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

Solution 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"/>

with the second solution the big problem is that all the elements next to the style will take the style, so you need some id or identifier.