Variante de "input[type="radio"]:checked+label {}"

Bonjour,

Dans une page web, j'ai des boutons radio dont le libellé se voit appliquer une mise en forme spécifique à l'aide de la structure CSS

input[type="radio"]:checked+label {}

. Jusque là ça marche . Comment puis-je limiter l'application de ce codage aux boutons radio de cette page à l'aide d'un nom de classe ?

J'ai essayé

input[type="radio"]:checked+label[class="nom_classe"] {}

, en associant mais ça ne marche pas.

Merci pour votre aide.

OK, j'ai trouvé la réponse sur l'incontournable site stackoverflow.com.

Il suffit de placer les boutons radio dans une div nommée, et dans la feuille de style d'appliquer la structure

.nom_div input[type="radio"]:checked+label {}

.

Hello,

Pas sur d'avoir compris exactement ce que tu souhaites.

Si c'est sur tes input radio que tu veux mettre une classe, c'est beaucoup plus simple et il est inutile de les entourer d'une div :

.nom_classe:checked + label {}

Modifié par Raphael (26 May 2013 - 11:20)

Merci pour ton conseil!