styliser input[type=radio]

Kevin Kombetto
Les bases HTML/CSS

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

Mikachu

Regarde ce lien, cela pourrait t'orienter.

Benjamin Derepas

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

MrCastor

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

Kevin Kombetto
Auteur

merci a tous

clamarque

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;
}