@mmyermol
начинающий разработчик

Стилизация блока на css?

6022ccf132323455170205.jpegОкей, всем спасибо за ответы. Но теперь новая проблема
Я смог это сделать с помощью такой конструкции.
html -

label class="btn__inn" for="toggle-1" PRESS ME label
input type="checkbox" id="toggle-1"
label class="cube" for="toggle-1"label

CSS -
input[type=checkbox]:checked ~ .cube {
display: none;
}

Но не могу разобраться с дальнейшими проблемами.

1. Данный блок скрывается даже при нажатии в любое место данного квадрата, да и к тому же кнопка остается всегда на месте.
Я понимаю, что сейчас событие как бы привязано к квадрату, а надо к кнопке.

2. В дальнейшем в этом квадрате будет еще так же пара иконок и инпут для ввода промокодов всяких.

Ну и соответственно, когда я пытаюсь добавить еще хотя бы один инпут, он так же НЕ исчезает.

Как сделать так, что бы при нажатии на кнопку исчезало вообще все? Вместе с кнопкой и всем содержимым?
  • Вопрос задан
  • 151 просмотр
Решения вопроса 1
@Steppp
У чекбокса есть свойство checked - вот к checked и привязываться!

input div {}
input:checked div {}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
04 мар. 2021, в 16:10
10000 руб./за проект
04 мар. 2021, в 15:49
500 руб./в час
04 мар. 2021, в 15:42
8000 руб./за проект