Изменение цвета кнопки после щелчка

У меня есть вопрос с четырьмя ответами, и я хочу, чтобы кнопка мигала зеленым цветом, когда выбран правильный ответ, и красным, когда выбран неправильный ответ. Как я могу это сделать? page

я хочу решить эту проблему с помощью django, а не javascript.

Насколько я знаю, любое решение Django нуждается в редиректе или перезагрузке страницы. Я предполагаю, что вам не нужно что-то подобное. В противном случае вы можете справиться с этим, отправив новый context в ваш шаблон.

В любом случае, если вы не хотите использовать JS, вы можете сделать это с помощью этого трюка CSS. Я не знаю о статусе поддержки браузеров.

HTML:

<div id="nothing"></div>
<div id="one"></div>
<div class="styleSelector">
    <a href='#nothing'>Nothing</a>
    <a href='#one'>style 1</a>
</div>
<main class="scene">
    <div class="carre">
    </div>
</main>

CSS:

.scene .carre{
  width:200px;
  height:200px;
  background-color:red;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
#one:target ~ .scene .carre {
    width:700px;
    background-color:blue;
}
Вернуться на верх