Динамическое изменение свойства CSS при выполнении условного оператора с использованием JSTL

Question

Я пытаюсь динамически изменять свойства CSS HTML-кнопки внутри оператора if, когда условие выполнено. У меня есть краткое представление о том, как это будет работать, но не уверен, как вы измените текущее свойство css в JSTL.

Например

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

Answer 1

Вы можете использовать встроенный стиль, если вы хотите или сделать более эффективной реализации, создавая новый тег стиля таким образом:

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

со вторым решением большая проблема заключается в том, что все элементы, расположенные рядом со стилем, будут иметь стиль, поэтому вам нужен идентификатор или идентификатор.