Appliquer un style uniquement aux boutons radios

Bonjour à tous.

Petite question qui permettrais de résoudre un grand problème :

Dans ma feuille de style j'ai le code suivant, qui me permet d'attribuer un bord et une largeur à tous mes champs de saisie texte :

input {
border:1px solid #cccccc;
width:100px;
}

Le problème c'est que sur IE mes boutons radio ont eux aussi un bord et une largeur de 100px.

Ma question est donc de savoir si la même manière que l'on peut attribuer un style aux balises "input", ou "p", il est possible d'attribuer un style uniquement aux boutons radios ?

D'avance merci !

input[type="radio"] {
...
}

Niveau prise en compte par IE, d'autres t'en diront plus que moi.

Cool, merci !

Ton code fonctionne effectivement sur IE7 mais pas sur IE6.
Mais c'est déjà ça..

A titre d'info :

Fonctionne sur IE7 et Opera(9.5)

Ne fonctionne pas sur IE6, Firefox(3), Safari / Chrome

Bonjour,

Firefox comprend pas ça? J'ai pas testé parce qu'il faut que ce que j'intègre soit compatible avec IE6 donc j'utilise une classe ou un id mais ça m'étonne un peu.

Safari privilégie les éléments d'interface Aqua (OS X) à ce que peut vouloir le designer, ça ...

flo.che a écrit :
Fonctionne sur IE7 et Opera(9.5)

Ne fonctionne pas sur IE6, Firefox(3), Safari / Chrome

Heu... non. Le sélecteur d'attribut et le sélecteur de valeur d'attribut sont compris par tous les navigateurs récents, dont Firefox (au moins depuis la version 1), Safari (version 1 ou 2?), Opera (à voir pour la version), Chrome, et IE7.

Donc en gros c'est largement utilisable aujourd'hui, avec 20-25% d'utilisateurs d'IE6 uniquement.
Modifié par Florent V. (07 Oct 2008 - 20:35)