@GoodPirojok

Почему не работает чекбокс на скрытие?

Подскажите, почему при нажатии на чекбокс, он не прячет элемент?

<div class="check-box">
    <label>Текст</label>
    <input type="checkbox" class="form-text">
</div>


<div class="box">
    <label>Название</label>
    <input type="text" id="form-text" name="text">
</div>

.form-text:checked ~ #form-text { display: none;}
  • Вопрос задан
  • 37 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Потому что на одном уровне с .form-text нет тега с id form-text

Вам нужно вынуть первый инпут из div. А потом написать
.form-text:checked ~ .box #form-text { display: none;}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы