Checkbox css html: CSS стилизация checkbox и radio — 2 варианта

Leave a Comment / Html / By /

html — CSS изменяет отображение класса, установив какой-либо флажок

Я пытаюсь изменить свойство класса CSS, установив флажок, но это не работает… Вы можете мне помочь?

Мой код:

 <тело>
<стиль>
    #тест:проверено~#название {
        дисплей: нет;
    }
    .reverse-flexbox {
        дисплей: гибкий;
        flex-direction: обратная колонка;
        выравнивание элементов: flex-start;
    }

<дел>
    <дел>
         
Просто текст
 
        небо голубое
<дел>

Просто текст

мне нравится стековерфлоу
<тип ввода = "флажок" />

Просто текст

Что-то еще
  • html
  • css

~ работает только для нисходящих братьев и сестер, которые находятся ниже элемента #test . #title выше #test , поэтому ваши стили не применяются.

Если вы не хотите менять позиции элементов и по-прежнему хотите использовать ~ , вы можете переместить

#title вверх для применения стиля, а затем использовать обратные направления flexbox, чтобы показать #title выше #test (только на дисплее).