Discussion :

[maysa]

bonjour,

Je souhaite mettre le fond d'un select en couleur pour un de mes formulaires.
Seulement, quand je suis sur le select c'est bien en couleur, mais quand je clique et que la liste s'affiche le fond correspond au select normal... comment faire pour tout mettre de la meme couleur, mais tout en ayant de style de select..(un normal et un couleur)
code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 <select name="mois" class="formPart" >
                            <? 
 
   foreach( $listeMois as $numMois=>$libMois )
   {
      $sel = "";
      if( intval($mois) == intval($numMois) )
         $sel = "SELECTED";
      $numMois = sprintf("%02d",$numMois);   
      print "<option value=\"$numMois\" $sel>$libMois\n";
   }
   ?>
                          </select>

css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
select.formPart,  input.formPart,  textarea.formPart,  option.formPart,  radio.formPart {
	background-color:#FEEAB7;
	color:#291F05;
}
select, input, textarea, option,radio{
	background-color:#FFFFFF;
	color:#000000;
}

j'ai essayé en mettant .class select, mais là j'avais la liste en couleur mais pas la première ligne .
Merci beaucoup

[franculo_caoulene]

Salut,

La mise en forme de ces éléments dépendent fortement du navigateur donc très difficile à mettre en forme. L'idée serait dont de recréer une liste en javascript(DOM), si tu tiens vraiment à la mise en forme de la liste déroulante.

[edit]J'ai lu trop vite, ton problème ne concerne que le background, il ne devrait y avoir de souci! Si tu veux de l'aide poste le code html généré par ton script php[/edit]

[maysa]

Merci et bonjour !

alors voici mon code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 <select name="mois" class="formPart">
                            <option value="00" selected="selected">Janvier
</option><option value="01">Février
</option><option value="02">Mars
</option><option value="03">Avril
</option><option value="04">Mai
</option><option value="05">Juin
</option><option value="06">Juillet
</option><option value="07">Aout
</option><option value="08">Septembre
</option><option value="09">Octobre
</option><option value="10">Novembre
 
</option><option value="11">Decembre
                          </option></select>

Je ne vois pas d'où vient le problème ça devrait fonctionner normalement

[franculo_caoulene]

Ah ben oui, évidemment! Tu définis toi-même les options de ta liste en fond blanc / texte noir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

select, input, textarea,radio{

[maysa]

oui mais ici aussi non ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
select.formPart,  input.formPart,  textarea.formPart,  option.formPart,  radio.formPart {
	background-color:#FEEAB7;
	color:#291F05;
}

[franculo_caoulene]

Ca non plus je ne l'avais pas vu! Tes options n'ont pas de classe! Tu peux remettre option et définir dans toutes options la classe .formPart. Ca fonctionnera comme tu le souhaites.

[maysa]

ok merci,

Je pensais que comme les options font partie du select, elles héritaient de la classe.
Merci pour ton aide,