Colorer un form -> Select

03 juil. 2005, 00:05

Bonjours. (ou plutot bonsoir)

Je recherche le moyen de colorer le contour d'un menu deroulant tel que je l'ai fais pour les zones de texte.

http://pix.nofrag.com/45/5d/f7/a9/80aad ... c805be.jpg

Mon code source de la page est :

Code : Tout sélectionner

<tr>
   <td width="220">Pr&eacute;nom:</td>
   <td><input type="text" name="surname" size="32" value="" maxlength="50" class="needed"></td>
  </tr>
  <tr>
   <td width="220">Date de naissance (JJ/MM/AAAA):</td>
   <td  class="entete">
    <select name="birth_day" class="needed">
     <option selected value="---">---</option>
     <option value="01">01</option>
     <option value="02">02</option>
     [...]
    </select>&nbsp;&nbsp;&frasl;&nbsp;
    <select name="birth_month" class="needed">
     <option selected value="---">---</option>
     <option value="01">01</option>
     [...]
    </select>&nbsp;&nbsp;&frasl;&nbsp;
    <select name="birth_year" class="needed">
     <option selected value="-----">-----</option>
     <option value="1940">1940</option>
     <option value="1941">1941</option>
     [...]
    </select>
   </td>
  </tr>

Mon CSS :

Code : Tout sélectionner

select
{
   border-width: 1px;
   border-style: solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color:#666666;
}

input
{
   border-width: 1px;
   border-style: solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color:#666666;
   padding-left: 3px;
}

.needed
{
   border-color: #9F0000;
}

05 juil. 2005, 13:10

Personne n'a une idée à mon problème ?

Pour l'instant ça fait très moche.

05 juil. 2005, 13:27

Une question analogue avait déjà été posée sur ce forum.

Je crois me souvenir que la réponse disait qu'on ne peut pas appliquer
de styles sur un objet <SELECT> comme sur un objet <INPUT>.

À vérifier...

13 avr. 2006, 11:34

Salut!

On peut modifier la balise <select> en CSS. Mais, sous Internet Explorer, tout ce qui concerne la bordure ne sera pas appliqué (sous Firefox, oui). En revanche, aucun problème n'est à signaler pour les polices (taille, décoration, épaisseur, style) ou pour la couleur d'arrière-plan.

13 avr. 2006, 13:38

Tiens, tu traines ici victor?

@+

13 avr. 2006, 13:46

Salut, Morgan!

Tiens, tu traines ici victor?

Et alors?

13 avr. 2006, 13:53

Une page assez utile pour voir les différences entre les navigateurs pour les CSS sur les éléments de formulaire (ici le select) :

http://www.456bereastreet.com/lab/form_controls/select/

On trouve la même chose pour les input, les checkbox/radio, etc.

Une recherche google avec le mot-clef "styled" (style select, styled checkbox, styled input, etc) donne d'assez bons résultats et on peut tomber sur des techniques utilisant le javascript pour avoir de jolis choses...

13 avr. 2006, 13:59

Salut!

Conclusion: à moins d'être sous Macintosh, on ne peut admirer la bordure façon CSS sous IE.

Merci pour ce lien très utile.

13 avr. 2006, 18:29

Bon ba je suis surpris que mon POST resorte du placard depuis si longtemps

Personnellement ça tombe bien j'ai aussi un Macinthosh :p

En revanche depuis la POST, j'ai acheté un livre sur le CSS 2 aux edition Eyrolles, j'ai pas encore lu mais je pense y trouver des réponses.

13 avr. 2006, 19:55

En revanche depuis la POST, j'ai acheté un livre sur le CSS 2 aux edition Eyrolles

Si c'est le Goetter, tu as fait un excellent investissement.

13 avr. 2006, 20:05

Oui j'ai pris celui là.

Colorer un form -> Select

Qui est en ligne