Rajeunir les formulaires avec les feuilles de style. IE4+ seul

En quelques codes de feuilles de style, vous pouvez donner une nouvelle jeunesse à vos formulaires. Ces effets fonctionne sous Explorer 4 mais pas sous Netscape 4. Celui-ci gardera l'ancienne présentation.

La ligne de texte

Avant :

<INPUT type="text" size=35 value="Un peu de couleur dans les formulaires">

Après :

<INPUT type="text" size=35 value="Un peu de couleur dans les formulaires"
style="background-color: #ffffcc; font-weight: bold; color: #115A0F;border: none;">

Soit sans bord (border: none;), avec un arrière-plan (background-color: #ffffcc;) et un caractère en gras et de couleur (font-weight: bold; color: #115A0F;). On ne peut pas dire que les feuilles de style sont compliquées !

ou la même ligne de texte

<INPUT type="text" size=35 value="&nbsp;Un peu de couleur dans les formulaires"
style="background-color: #ffffcc; font-weight: bold; color: #115A0F;border: 5px double green;">

Soit avec un bord double de couleur verte et de 5 pixels d'épaisseur (border: 5px double green;), avec un arrière-plan de couleur (background-color: #ffffcc;) et un caractère gras, de couleur (font-weight: bold; color: #115A0F;).

La zone de texte

Tout ce qui précède peut s'appliquer au zone de texte.

<TEXTAREA name="nom" rows=4 cols=40
style="background-color: #ffffcc; font-weight: bold; color: #115A0F;border: 5px double green;">
</TEXTAREA>

Les listes de sélection

On peut colorier l'ensemble de la liste :

<SELECT name="nom" size="1" style="background-color: aqua;>
<OPTION>
..................
</SELECT>

Ou prévoir une couleur pour chaque option :

<SELECT name="nom" size="5">
<OPTION style="background-color: lime; ">lundi, le 1er jour de la semaine
<OPTION style="background-color: red;">mardi
<OPTION style="background-color: yellow;">mercredi
<OPTION style="background-color: aqua;">jeudi
<OPTION style="background-color: fuchsia;">vendredi
</SELECT>

Les boutons radio et checkbox

Le système des feuilles de style ne semble pas, selon nos essais, s'appliquer au boutons radio et checkbox. Dommage...