Css & input[type=radio]

Bonjour a tous, amateur (et pro!) de la mise en page et des standards du web... et Bla bla... ^_^x!

Voici une question qui me turlupine ces derniers temps:

Est - il possible de definir les input de type "radio" en CSS ?
quelles propriétés peut on y associer!?

En cherchant sur le net je suis tombé sur un JS qui permet de remplacer l'aspect du radio par une image, ne serait il possible de faire autrement?

Alors amis spécialistes, a vous la parole !

Salut,

Certains éléments de formulaire ne sont pas "stylables" en CSS mais restent à l'appréciation du navigateur. C'est le cas par exemple des flèches des <select>, des type="file", etc.

a écrit :

En cherchant sur le net je suis tombé sur un JS qui permet de remplacer l'aspect du radio par une image, ne serait il possible de faire autrement?

Pour ce qui est des boutons radio, en effet, il faut passer par javascript, d'ailleurs notre ami Jep a un tutoriel tout à fait adapté à ta demande

PS : si le coeur t'en dit, n'hésite pas à te présenter dans le Bar du forum

Merci pour le lien vers le tuto, et en effet c'est sur ce site que je suis allé!
D'ailleur très bon tuto! Merci Ibilab.net


> Je vais un tour au bar ca me parait sympa!
Pour moi une bonne biere bien fraiche!

ATTENTION,

sur FireFox <edit>et IE</edit>(testé<edit>s</edit>), les boutons radio "customisés" ne sont pas accessibles avec la touche TAB => inaccessible => inchangeable pour certains utilisateurs (s'il y en a).

C'est juste une info... Il faut après savoir quel est le public visé (intranet ...), mais il faut savoir faire passer le design au deuxième plan, pour faire primer une accessibilité optimale.

@ bon entendeur, HoPHP
Modifié le 02 Dec 2004 - 18:50

Khan a écrit :

Est - il possible de definir les input de type "radio" en CSS ?
quelles propriétés peut on y associer!?
Alors amis spécialistes, a vous la parole !

Hello,
Je me demandais s'il n'y avait pas possibilité de passer par un truc du style :

form { background-color: orange;}
select, textarea  	{background-color: blue; } 

pour que radio soit le seul élément formulaire en fond orange...
euh... c'est logique ou pas ??????????????????

comme dirait le collègue "Alors amis spécialistes, a vous la parole !"
H

Bonjour à tous, je reviens un peu sur ce sujet pour etre sur d'avoir bien compris.

Pour un radio je ne peux pas mettre en CSS :

input{
margin-left: 20px; 
font-size: 16px;
font-weight: bold;
color:white; 
}

Moi je souhaite juste que mon texte de radio soit en blanc et à la bonne taille, mais ce code ne fonctionne pas.
Le texte reste noir.

Merci d'avance.
Aller direction le bar

Bonjour,
Je ne suis pas sûr de comprendre ? Il n'y a pas de texte dans un input de type radio. C'est un simple bouton. Le texte tu dois le mettre dans un <label>texte</label> qui, lui, est tout à fait stylable. Ou alors j'ai pas bien compris ton message précédent.

Non je pense que c'est moi qui est pas bien compris comment fonctionné ce bouton, puisque en effet (pour le moment ) je ne souhaite changer que le texte, donc je vais essayer avec un label, merci

Bonjour,

j'ai réalisé un formulaire à l'aide du tuto mais j'ai un soucis car il est assez long et nécéssite deux choix à bouton radio.

J'appelle la fonction NewRB une nouvelle foit avec l'id du Fieldset, mais les boutons radio graphiques n'apparaissent pas.

J'ai donc essayé de dupliqué la fonction JS avec un autre nom (NewRB2) et cela ne fonctionne toujours pas, pire, cela rajoute un second bouton radio à mon NewRB.

Est ce que quelqu'un pourrait m'aiguiller ? Merci.

Lôlô
Modifié par Lolo75 (08 May 2006 - 15:27)