Warum das CSS für input nicht angewendet?

[Christian Wansart]

Guten Morgen,

ich versuche gerade einen Fade-In mittels reinem HTML und CSS zu bauen, ohne JavaScript zu verwenden. Dazu möchte ich später die CSS-Eigenschaft transition verwenden.

Damit ich auf JavaScript verzichten kann, habe ich eine kleine Auswahl mit Checkboxen gebaut. Im CSS-Code sollte dann mittels :checked bei der entsprechenden Checkbox dafür gesorgt werden, dass eine andere Box angezeigt wird – das Ausblenden habe ich noch nicht und ich weiß auch noch nicht, das kommt später noch.

Die grundsätzliche Idee habe ich in einem Beitrag auf Stackoverflow gefunden. Leider mache ich irgendetwas beim Übernehmen falsch.

Meinen aktuellen HTML-/CSS-Code findet ihr auf Codepen: https://codepen.io/Ctwx/pen/JKBBvq

Wie kann ich das Problem lösen und beim Anklicken der jeweiligen Checkboxen übernehmen?

Freundliche Grüße
Christian