Discussion :

[Soden78]

Bonjour, désolé de mon titre, j'ai du mal a expliqué, en fait j'aimerais utiliser ceci : https://codepen.io/clintabrown/pen/zcorE
Mais j'aimerais enlever tout les required sauf le premier.
Quand je fais ça, tous les labels se superposent, les éléments de style transparent on disparus.
aidez moi

[NoSmoking]

Bonjour,
les required sont liés au CSS via des sélecteurs comme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
input[type=checkbox]:invalid ~ label.progress-task {
  color: #FFF;
}

remplace les :invalid par de :checked et supprime tes required mais cela je pense que cela sera insuffisant pour faire fonctionner l'ensemble correctement. J'ai vu des choses pas forcément bien clair dans ce CodePen

[Soden78]

Salut, merci beaucoup par ta réponse. Du coup j'ai remplacé tout les :invalid par des :checked mais les mot du milieu reste toujours invisible, une idée ?

[NoSmoking]

une idée ?

non car le code est à mon sens trop alambiqué

Car même dans la version originale, si un checkbox intermédiaire est checked alors les labels se superposent par exemple !

Il semblerait qu'il faille modifier la structure HTML.