Salut a tous.
je voudrais realiser ces elemet:http://joxi.ru/82QpRkRFQXMjmd
msis j'y arrive pas.
j'ai chercher sur la toile sans resultat.
ce code ne marche pas.


form input[type='radio'] , form input[type='radio']:checked  {
color: red !important;
background-color:red; }

5 réponses


Regarde ce lien, cela pourrait t'orienter.

Tu dois jouer sur les labels et les pseudos éléments beforeet after

Regarde sur codepen, tu auras pleins d'exemples accompagné du code css / html et ou js.
http://codepen.io/tag/radio%20button/

merci a tous

Un exemple

input[type=radio]{
-webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 width: 15px;
 height: 15px;
 background:#FFF;
 border: 1px solid #888;
border-radius: 100%;
outline: none;
}
input[type=radio]:checked{
background: #f27383;
border: 1px solid #bf4251;
}