Внесение любых изменений в встроенный css HTML-файл внутри проекта DJANGO не поможет

Мне нужно внести изменения в код, чтобы если approverFlag имеет значение "Approved", то запись отображалась зеленым цветом, а если approverFlag имеет значение "Not Approved", то запись отображалась красным.

Ниже приведены изменения, которые я внес в мой HTML файл:-

{% if awp.approveFlag == "Approved" %}
<td style = "color:green;" id=displayrecord >{{ awp.approveFlag }} </td>
{% elif awp.approveFlag == "Not Approved"%}
<td style = "color:red;" id=displayrecord >{{ awp.approveFlag}} </td>
{% endif %}

Но это не работает. Я также попробовал написать класс следующим образом:-

<td class = "approved" id=displayrecord >{{ awp.approveFlag }} </td>

А затем внесение изменений в тег HTML-файла:-

<style>
   .approved{
         color:red;
         }
</style>

Но ничего не работает.

Может ли кто-нибудь предложить какое-либо решение, чтобы заставить его работать?

Вернуться на верх