Et en CSS :
.choix_4 input[checked=checked] + label {
background-color: #0f0;
}
.choix_3 input[checked=checked] + label {
background-color: #0ff;
}
Donc à l'affichage, j'ai bien le deuxième label en fond cyan car
l'input qui le précède est en checked=checked.
Mais si je clique sur le premier choix (choix_4), c'est le code html du
choix_3 qui le conserve checked, donc choix_4 ne passe pas au vert.
Comment faire en CSS ?
Sinon en JS ?
Merci
--
Stéphane
Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !
Et en CSS : .choix_4 input[checked=checked] + label { background-color: #0f0; } .choix_3 input[checked=checked] + label { background-color: #0ff; }
Donc à l'affichage, j'ai bien le deuxième label en fond cyan car l'input qui le précède est en checked=checked. Mais si je clique sur le premier choix (choix_4), c'est le code html du choix_3 qui le conserve checked, donc choix_4 ne passe pas au vert.
Comment faire en CSS ?
-- Stéphane
Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org Agitateurs d'idées... accélérateurs de talents !
Et en CSS :
.choix_4 input[checked=checked] + label {
background-color: #0f0;
}
.choix_3 input[checked=checked] + label {
background-color: #0ff;
}
Donc à l'affichage, j'ai bien le deuxième label en fond cyan car l'input qui
le précède est en checked=checked.
Mais si je clique sur le premier choix (choix_4), c'est le code html du
choix_3 qui le conserve checked, donc choix_4 ne passe pas au vert.
Comment faire en CSS ?
--
Stéphane
Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !
Et en CSS : .choix_4 input[checked=checked] + label { background-color: #0f0; } .choix_3 input[checked=checked] + label { background-color: #0ff; }
Donc à l'affichage, j'ai bien le deuxième label en fond cyan car l'input qui le précède est en checked=checked. Mais si je clique sur le premier choix (choix_4), c'est le code html du choix_3 qui le conserve checked, donc choix_4 ne passe pas au vert.
Comment faire en CSS ?
-- Stéphane
Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org Agitateurs d'idées... accélérateurs de talents !
Merci du retour ! J'avoue à ma grande honte qu'il m'avait semblé que ce genre de chose devait exister, mais que je n'étais pas allé vérifier dans la norme.
Merci du retour ! J'avoue à ma grande honte qu'il m'avait semblé
que ce genre de chose devait exister, mais que je n'étais pas
allé vérifier dans la norme.
Plus exactement, j'avais vérifié que ça n'existait pas en CSS 2.1 :
http://www.w3.org/TR/CSS21/selector.html#pseudo-element-selectors
En revanche cela existe bien en CSS 3 :
http://www.w3.org/TR/css3-selectors/#checked
Merci du retour ! J'avoue à ma grande honte qu'il m'avait semblé que ce genre de chose devait exister, mais que je n'étais pas allé vérifier dans la norme.
Merci du retour ! J'avoue à ma grande honte qu'il m'avait semblé que ce genre de chose devait exister, mais que je n'étais pas allé vérifier dans la norme.
Merci du retour ! J'avoue à ma grande honte qu'il m'avait semblé
que ce genre de chose devait exister, mais que je n'étais pas
allé vérifier dans la norme.
Je te pardonne mon frère... ;-)
On vient de me souffler ce lien aussi sur le sujet :
http://www.thecssninja.com/css/custom-inputs-using-css
--
Stéphane
Jeune Chambre Economique de Saintes *** http://www.jce-saintes.org
Agitateurs d'idées... accélérateurs de talents !
Merci du retour ! J'avoue à ma grande honte qu'il m'avait semblé que ce genre de chose devait exister, mais que je n'étais pas allé vérifier dans la norme.