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