styliser input[type=radio]

Par Kevin Kombetto, il y a 10 ans

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

MrCastor,

il y a 10 ans

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

Mikachu,

il y a 10 ans

Regarde ce lien, cela pourrait t'orienter.

Benjamin Derepas,

il y a 10 ans

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

Kevin Kombetto,

il y a 10 ans

merci a tous

clamarque,

il y a 10 ans

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