用Django上的CSS替換圖像if/else語句

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 %}" /> 

的形象將有一個case類「otherclass」和「給予好評」，在其他「otherclass」和「novote」。