Задать вопрос
MikasaAckerman
@MikasaAckerman

Как сделать так, чтобы при нажатии не исчезало?

Не смогла разобраться, как сделать, чтобы при нажатии на кнопку у меня было не одно действие, как в псевдоклассе :active
Допустим, я нажимаю на кнопку: мне надо вывести блок, но он у меня исчезает, если я использую :active.
Нужно, вывести и чтобы он остался, а при повторном нажатии он скрывался. Я так поняла это не CSS, HTML, это JavaScript надо для этого?
  • Вопрос задан
  • 143 просмотра
Подписаться 1 Простой 4 комментария
Решения вопроса 1
Метод называется checkbox hack.
Мы на самом деле используем checkbox и его превосходное свойство работать даже при нажатии на метку, которая с ним ассоциирована. Таким образом мы скрываем сам нативный checkbox, а его метку стилизуем так, как нам надо, хоть в виде кнопки, хоть в виде чего угодно. И вместо :active у кнопки проверяем :checked у чекбокса
https://css-tricks.com/the-checkbox-hack/

А вот ещё набор идей
https://codepen.io/
В поиске наберите "toggle-switch"

И вот что-то похожее на ваш случай
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы