html - 在 Django if/else 语句中用 CSS 替换图像

Question

我正在尝试创建一个类似于 stackoverflow 的投票系统，但我不知道如何调用 css 而不是图像。

我有以下代码:

 <input type="image" id="uparrow{{ vote.id }}" src="{{ MEDIA_URL }}static/img/aup{% if vote and vote.is_upvote %}mod{% else %}grey{% endif %}.PNG">

如何更改代码，使其调用 css 类而不是 img src？

Answer 1

你正在寻找类似的东西:

<input type="image" id="uparrow{{ vote.id }}" 
       src="{{ MEDIA_URL }}static/img/vote.png"
       class="otherclass {% if vote and vote.is_upvote %}upvote{% else %}novote{% endif %}" />

图像在一种情况下会有类“otherclass”和“upvote”，在另一种情况下会有“otherclass”和“novote”。