Comment style sélectionné bouton radio

-2

Mon HTML est comme çaComment style sélectionné bouton radio

<div class="col-md-12 money-radio-container"> 
    <input type="radio" name="optradio" class="money-radio" value="10">10 <span>$</span> 
    <input type="radio" name="optradio" class="money-radio" value="20">20 <span>$</span> 
    <input type="radio" name="optradio" class="money-radio" value="50">50 <span>$</span> 
</div>

Maintenant, je veux donner de la couleur rouge à laquelle jamais bouton radio est sélectionné. Comment puis-je y parvenir grâce à CSS?

Remarque: Comme vous avez pu le remarquer Lorsque je clique sur chaque bouton d'option, aucun changement de code HTML ne se produit. Donc, je ne sais pas comment identifier un sélectionné. Fiddle: https://jsfiddle.net/rrmzvkag/3/

Source

2016-12-16 Athul

Vous devriez probablement dans': checked' –

@AndyHolmes je l'ai déjà essayé ici. mais ne fonctionne pas https://jsfiddle.net/rrmzvkag/3/ – Athul

C'est parce que ce n'est pas 'type =" vérifié "'. C'est 'input [type =" radio "]: vérifié'' –

La règle CSS serait

input[type="radio"]:checked

Pas sûr ce exactement ce que vous voulez faire, mais si vous prévoyez de faire un peu de style sur l'élément qui va après chaque élément radio dans votre question que vous « d utiliser la règle suivante

input[type="radio"]:checked + span

Source

2016-12-16 12:31:12

Je l'ai essayé ici. Mais ne fonctionne pas https://jsfiddle.net/rrmzvkag/2/ – Athul

Pouvez-vous m'envoyer un Fiddle mis à jour avec la bonne résolution? – Athul

Vous n'avez même pas écrit le CSS que j'ai fourni dans la réponse. Jésus. –

Comment style sélectionné bouton radio

Répondre

Questions connexes