Неправильная работа input radio кнопок
Проблема с работой input'ов. Создал так называемые табы, добавил контента. Всё работает. После, нужно было сделать обводку снизу блоков а-ля такие
Попробовал сделать обводку самим пунктам, но появились разрывы самой линии. 
Было принято решение внести все кнопки в div, и для самого элемента div задать border-bottom.
Но тут загвоздка. После вознесения input-radio вместе с label в div перестали работать кнопки, как задумывалось, да и в целом контент блоков просто перестал отображаться, вместо того чтоб отображаться в зависимости от выбранной кнопки.
Как возобновить работу input'ов?
Решением так же может быть вариант реализации обводки для пунктов выбора.
https://jsfiddle.net/uz51a3ds/2/
Ответы (1 шт):
- Код лучше добавлять сюда в сниппет, а не совать на сторонние ресурсы.
- Термин "вознесение" в контексте верстки вижу первый раз в жизни. Что он означает?
- После оборачивания блоков с радиокнопками в
<div>у вас, разумеется, перестал работать стиль#tab-btn-1:checked~#content-1и аналогичные. Ибо оператор~в конструкцииA ~ Bдействует на всеB, идущие ПОСЛЕAНА ТОМ ЖЕ УРОВНЕ вложенности - а у васBна уровень выше.
Предлагаю выкинуть див .tabus и вернуть кнопки в .tabs. И увеличить им паддинги. Если же бордер нужен во всю ширину, задавайте его дивам с контентом.
П.С. Правильно пишется "Choice".