Здесь есть демо:
http://codepen.io/aakilfernandes/pen/EgjaF
Выбор радиоприемника "Зима" должен открыть подменю. Работает в Firefox, но не в хром.
Я могу исправить с помощью javascript, но я пытаюсь сделать только html + css.
Похоже, у webkit есть ошибка, в которой вы не можете цепочки селекторов смежности на псевдоклассах.
http://www.thecssninja.com/css/css-tree-menu
Только известное решение состоит в том, чтобы изменить порядок ярлыков и флажков и сделать несколько нетрадиционных стилей для визуального согласования.
ul
быть в двух шагах от элемента:checked
? Если он просто должен следовать за ним:checked ~ ul
отлично работает в WebKit.