Page 1 sur 1

CSS sur boutons d'un formulaire?

Posté : 06 juin 2005, 21:45
par Akei
Bonjour,
J'aimerais savoir s'il est possible de modifier le bouton d'un formulaire. En changeant le fond, ...
Est il possible de changer le combobox aussi?
Merci.

Posté : 06 juin 2005, 22:47
par albat
Tu peux en effet définir l'aspect de tes boutons grâce aux propriétés CSS.
Tu peux aussi le remplacer par une image.

Pour les listes déroulantes, niet.

Posté : 07 juin 2005, 02:37
par Akei
Merci de ta réponse.
Mais donc pour le combobox on n'a pas moyen de modifier la couleur? C'est à dire si je travaille sur une charte d'une certaine couleur je ne pourrais pas l'appliquer sur mes listes? :cry:

Posté : 07 juin 2005, 03:03
par Gentoo Warrior
mais oui, c'est possible :shock:

regarde ici par exemple, pour avoir des explications avec exemples.

Posté : 07 juin 2005, 04:10
par Xenon_54
Ça ne fonctionne pas sur Internet Explorer.

Posté : 07 juin 2005, 04:17
par Gentoo Warrior
ha ca je savais pas désolé :oops:

Posté : 07 juin 2005, 05:07
par Xenon_54
:)

Posté : 16 juin 2005, 17:54
par Morbid Scythe
Alut,

Je l'avais fait sur un formulaire y'a quelques temps en atteignant directement les éléments du formulaire par leur attribut id et en jouant sur la propriété background en css.

A tester...

Posté : 21 juin 2005, 22:06
par Akei
Ok c'est résolu.
Par contre pour le bouton j ai appliqué un effet hover mais le problème c'est que IE ne le prend pas en compte :( .
Vous connaissez une solution pour le forcer à prendre mon design?
Merci.

Posté : 21 juin 2005, 22:09
par Morbid Scythe
Ben IE ne prend la propriété hover que sur les balises <a>. Y'a moyen de chinter mais je sais plus comment, mais essaies de ce côté là : il faut impérativement un <a> à IE pour qu'il prenne le hover.

Posté : 22 juin 2005, 11:20
par albat

Code : Tout sélectionner

<div onMouseOver="...">...</div>

Posté : 22 juin 2005, 21:58
par Akei
En fait j aimerais éviter d'utiliser du javascript mais s'il n'y a vraiment pas de solution je le ferais.

Posté : 23 juin 2005, 08:36
par naholyr
Tu n'as pas le choix, car il n'y a que deux solutions :

1. passer uniquement par les CSS pour le look, et tu seras alors contraint d'utiliser un tag <A>, et tu devras donc forcément passer par javascript pour valider le formulaire avec un lien.

2. passer par <div onmouseover="...">, et utiliser du javascript pour le look.

Perso je préfère la première méthode, en plus je suis bluffé par l'explication et le résultat sur le labyrinthe de sophie : http://sophie-g.net/jobs/css/f_buttons.htm

Ce post ressemble à un doublon d'ailleurs :?
Edit: je confirme http://www.phpfrance.com/forums/voir_sujet-4813.php (sur la même page ><)

Edit2: j'en profite pour donner une petite leçon de méthodologie. Avant d'aller sur un forum poster un message intitulé "css sur boutons d'un formulaire", il faut d'abord prendre ce titre, extraire les termes critiques "css boutons formulaire" (il vaut mieux retirer "formulaire" qui fait double-emploi avec "boutons"), on se retrouve avec une page google qui contient (rien que sur la première page) 5 solutions :)