PDA

Afficher la version complète : [Réglé] modifier les orible checkbox d'un formulaire



adminlinux
24/11/2006, 20h03
Bonsoir,

J'aimerais savoir comment en pure CSS on fais pour modifier l'apparence de c'est checkbox dans un formulaire, j'ai scruté google et je trouve des exemple pas très compréhensibles et en javascript

De plus il serais souhaitable qu'il soit compatible I.E. et Firefox.

oh!rocks
24/11/2006, 21h51
As-tu déjà joué avec les CSS ?
Si oui, il "suffit" de déterminer un id (qui ne doit servir qu'une fois) ou un class (qui peut resservir) à ta checkbox, puis de déterminer les valeurs que tu souhaites pour la taille des fontes, la couleur du background, etc ...

Exemple :
dans ton code html tu indiques :

<form action="bla-bla">
<fieldset id="champ">
...
...
</fieldset>
</form>


et dans ton fichier CSS :

#champ {
background: #fff;
color: #000;
font-family: "Courier New', monospace;
border: 1px solid #ff0000;
}

Ce qui te donnera un texte en chasse fixe noir sur fond blanc encadré de rouge !

J'espère que tu as plus d'imagination que moi ...

à plus,

oh!rocks

adminlinux
24/11/2006, 22h01
Merci pour cette réponse; je parle bien des checkbox "<input type="checkbox" id="checkbox" value="checkbox" />".

j'aimerais remplacer les checkbox par des image par exemple.

oh!rocks
24/11/2006, 22h47
Alors, dans ton fichier CSS tu dois déclarer quelque chose du genre :


#checkbox {
background: url(chemin_vers/ton_image) no-repeat;
}

Le principe est le même : donner un identifiant CSS (id ou class) à l'élément html dont on veut modifier l'apparence.

à plus,

oh!rocks

adminlinux
24/11/2006, 23h57
boila, l'aplication des images fonctionne mais le carré origine reste toujours....

oh!rocks
25/11/2006, 00h06
Là, il doit falloir remonter aux sources du langage HTML et modifier le code source de tous les navigateurs http://www.alionet.org/style_emoticons/<#EMO_DIR#>/blink.gif http://www.alionet.org/style_emoticons/<#EMO_DIR#>/laugh.gif !!

Je regarde sur le net au cas où ...

à plus,

oh!rocks

adminlinux
25/11/2006, 00h18
Merci beaucoup, je regarde aussi...

J'ai vu un truc qui fonctionne avec java script mais je veux l'éviter....

oh!rocks
25/11/2006, 00h44
L'esprit humain est ainsi fait qu'il va d'abord au plus compliqué !

Un simple

border: none;
devrait faire l'affaire, non ?

à plus,

oh!rocks

adminlinux
25/11/2006, 17h11
Voila mon problème exacte.

http://img183.imageshack.us/img183/6594/difnavigateurhp9.jpg

je voudrais que les cases sois les même dans IE que dans firefox et opera.

adminlinux
25/11/2006, 20h18
J'ai trouvé, uniquement pour IE crotte, il faus mètre sa dans le css

.checkbox {
border-bottom-style : none;
border-left-style : none;
border-right-style : none;
border-top-style : none;
background-color : #efefff;
}