Как сбросить стиль кнопки обратно в исходное состояние после нажатия?

Как исправить проблему, при которой стиль "После нажатия" не спадает после нажатия на кнопку, если уже добавлены стили "Обычный" и "При наведении"?
  • 7 декабря 2023 г. 15:29
Ответы на вопрос 1
Чтобы сбросить стиль кнопки обратно в исходное состояние после нажатия, можно использовать JavaScript. Вы можете добавить обработчик события "click" для кнопки, который будет удалять классы стилей "После нажатия" и затем добавлять класс "Обычный".

Вот пример кода, который показывает, как это сделать:

```html
<button id="myButton" class="normal hover clicked">Нажми меня</button>

<script>
    var button = document.getElementById("myButton");
    button.addEventListener("click", function() {
        button.classList.remove("clicked");
        button.classList.add("normal");
    });
</script>
```

В данном примере кнопка имеет следующие классы стилей: "normal" (обычный), "hover" (при наведении) и "clicked" (после нажатия). При клике на кнопку, обработчик события удалит класс "clicked" и добавит класс "normal", чтобы вернуть ее в исходное состояние.

Если у вас уже добавлены классы стилей "normal" и "hover" перед классом "clicked", то проблемы быть не должно, поскольку при удалении класса "clicked" кнопка автоматически вернется в свое исходное состояние со стилями "normal" и "hover".
Похожие вопросы