Mettre de la couleur dans les champs de formulaires

 

Il n'y a pas ici de règle de style définie dans l'entête ou ailleurs. L'attribut STYLE est directement inséré dans la balise HTML qui nous interèsse.

Exemple N°1; on peut écrit dans le corps de la page (entre <body> et </body>) :

<select name="liste1" style="background-color:#98a300; color:#322561">
<option selected VALUE>Menu déroulant coloré</option>
<option value="no">---------------</option>
<option>Rubriques/choix N°1</option>
<option>Rubriques/choix N°2</option>
<option>Rubriques/choix N°3</option>
</select>

Résultat N°1:

Remarques:
- Nous avons ici 2 instructions; background-color et color. La première donne la couleur de fond du menu déroulant, la seconde concerne la couleur du texte qui y est inséré.
- L'effet de style se limite à l'élément contenant l'attribut STYLE.
- L'attribut STYLE peut être inséré dans une multitude de balises HTML, dans tous les éléments de formulaire par exemple, mais pas seulement.
- Cet attribut n'est reconnu que par Internet Explorer.

Dans l'exemple N°1, le style comprend 2 instructions mais il est possible d'imposer d'autres règles, concernant notamment le texte.

Exemple N°2 :

<select name="liste2" style="background-color:#322561; color:#98a300; font-family:Comic Sans MS; font-weight:bold; font-size:10pt; width:300;">
<option selected VALUE>Menu déroulant coloré</option>
<option value="no">---------------</option>
<option>Rubriques/choix N°1</option>
<option>Rubriques/choix N°2</option>
<option>Rubriques/choix N°3</option>
</select>

Résultat N°2: