Mise en forme de check box pour ie

bonjour,

je souhaiterais que mes check box apparaissent sous ie comme sous firefox:

firefox


et sous ie


si je fais un :

	
border:solid 1px #7F9DB9;

j'ai un cadre autour de mes check box or je souhaite que cela soit le coutour lui meme qui prenne le "border:solid 1px #7F9DB9;".



et si vous savez comment avoir le petit vu en vert comme dans firefox, je suis preneuse....


Merci
Modifié par nath-0-0 (30 Mar 2006 - 14:36)

bonjour,

essai voir dans opera , et ce sera un 3 eme aspect visuel..
Les element de formulaires sont encore plus difficile a rendre d'aspect identique d'un navigateurs a l'autre que les "listes".

Pour la bordure tu ne pourras pas t'en defaire, mais tu peut diminué les dimension de la checkbox pour y faire collé la bordure dans IE:
<edit du code pour enlever la scrollbar desagreable >

<form action ='' method=''>
<label>
<input type='checkbox' value='check' class="perso" />
Checkbox
</label>
</form>

et le css

.perso {
border:solid 2px #7F9DB9; /* 2 px pour rivaliser avec la bordure par defaut et etre bien visble */
height:16px; /* approximativement la taille de la checbox */
width:16px;
margin-right:5px;
color:green;/* sans effet , cela reste noir !*/ 
vertical-align:middle; /* pour aligner la case sur le texte */
}

en usant de l'attribut "clip" il t'est eventuellement possible de caser ton "checkboxe" dans un div qui "rognera" les bords.

Autre solution plus difficile a mettre en oeuvre, c'est de se servir du "javascript" pour simuler/reproduire le comportement d'une checboxe avec des images .... (penser a garder une alternative si le javascript est desactivé )

++
Modifié par gcyrillus (30 Mar 2006 - 22:19)