changer style d'un label quand bouton radio checked

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par ABCWEB, 25 Février 2016.

  1. ABCWEB
    ABCWEB WRInaute passionné
    Inscrit:
    22 Octobre 2015
    Messages:
    1 322
    J'aime reçus:
    173
    Bonjour,

    je voudrais appliquer un style à un label lorsque le bouton radio qui lui est associé est checked.

    je sais que c'est possible en css et je vois pas ce qui cloche dans mon code:

    Code:
    <div class="bloc_ref">
      <label class="ref_label" for="<?php echo 'ref'.$ref['id']; ?>">
        <div class="ref_img"><img src="images/upload/ref/<?php echo $ref['photo']; ?>"></div>
        <div class="ref_txt"><?php echo $ref['ref']; ?></div>
      </label>
           <input class="radioform ref_input" type="radio" value="<?php echo $ref['id']; ?>" name="ref" id="<?php echo 'ref'.$ref['id']; ?>"  <?php if(isset($toile['ref'])){if($ref['id']==$toile['ref']){echo'checked="checked"';}}?>>
    </div>
    
    et le css:
    Code:
    .ref_input:checked + .ref_label {
      font-weight: bold;border:3px solid green;display: block;
    }
    
    Si vous avez des idées je suis preneur la je sèche.

    Je connais la solution javascript je voudrais juste l'éviter.

    Merci de vos réponses
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 168
    J'aime reçus:
    345
  3. ABCWEB
    ABCWEB WRInaute passionné
    Inscrit:
    22 Octobre 2015
    Messages:
    1 322
    J'aime reçus:
    173
    Super spout ça marche.

    Merci
     
Chargement...
Similar Threads - changer style label Forum Date
changer le style d'un bouton parcourir Développement d'un site Web ou d'une appli mobile 2 Septembre 2006
WordPress Changer l'emplacement par défaut des médias dans WordPress Développement d'un site Web ou d'une appli mobile 14 Juillet 2022
Quel est l'impact SEO de changer le titre des pages et la balise H1 chaque mois? Débuter en référencement 11 Avril 2022
Quantcast - Comment changer le titre "Le respect de votre vie privée est notre priorité" Développement d'un site Web ou d'une appli mobile 19 Octobre 2021
Changer la couleur du background d'un <tr> Développement d'un site Web ou d'une appli mobile 11 Février 2020
Changer le mdp sans connaitre l'ancien chez Digital Ocean Administration d'un site Web 6 Janvier 2020
Le monde vient de changer (Bert inside) Référencement Google 10 Décembre 2019
Article fixe avec bannière changer souvent Crawl et indexation Google, sitemaps 9 Octobre 2019
Changer de mot clé ? Référencement Google 5 Août 2019
Changer la police de la SERP Référencement Google 16 Juillet 2019
Changer mon url canonique oui / non ? Débuter en référencement 26 Mai 2019
changer les meta title trop souvent est il négatif? Débuter en référencement 29 Décembre 2018
Changer de nom de domaine Noms de domaine et référencement 28 Novembre 2018
changer nom de domaine/ theme Noms de domaine et référencement 21 Octobre 2018
Faut-il changer la date à chaque mise à jour ? Débuter en référencement 19 Juin 2018
Process pour échanger une liste d'emails entre client et prestataire Droit du web (juridique, fiscalité...) 2 Janvier 2018
Changer design du site et nom de domaine en même temps Demandes d'avis et de conseils sur vos sites 19 Décembre 2017
Changer l'indexation de https à http Débuter en référencement 8 Décembre 2017
Démarche pour changer d'URL sans perdre en référencement ? Référencement Google 4 Décembre 2017
Profiter du passage https pour changer URL Débuter en référencement 2 Octobre 2017