在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”。