Présentation de vos formulaire avec les CSS

<STYLE TYPE="text/css">
INPUT {
color:#FFFFFF;
background-color:#686BF8;
font-size:10px;
font-family:arial;
}
SELECT {
color:#FFFFFF;
background-color:#686BF8;
font-size:10px;
font-family:arial;
}
</style>

ici, tous les champs INPUT et SELECT de notre page seraient bleu, avec le texte blanc, en police arial de taille 10

Définir un type d'affichage par champ :

Le style est defini dans la balise de l'element

Définir une couleur pour chaque élément d'un SELECT :

<SELECT NAME=couleur>
<OPTION VALUE="Blanc" STYLE="color:#000000;background-color:#FFFFFF"> Blanc
<OPTION VALUE="Rouge" STYLE="color:#FFFFFF;background-color:#CC0000"> Rouge
<OPTION VALUE="Vert" STYLE="color:#FFFFFF;background-color:#336633"> Vert
<OPTION VALUE="Gris" STYLE="color:#FFFFFF;background-color:#868486"> Gris
<OPTION VALUE="Bleu" STYLE="color:#FFFFFF;background-color:#336699"> Bleu
<OPTION VALUE="Noir" STYLE="color:#FFFFFF;background-color:#000000"> Noir
</select>

Ce qui donne

Les options possibles

Voici une liste d'attributs qui vont modifier l'apparence de vos formulaires :

color : Change la couleur du texte du champ.
background-color : Change la couleur du fond du champ.
font-size : Change la taille de la police.
font-family : Change la police.
font-weight : Pour changer la largeur des caractères.
border-width : Pour changer la bordure du champ.
height : Pour changer la hauteur.
width : Pour changer la largeur du champ.
text-align : Pour aligner le texte dans le champ.
border-color : Pour changer la couleur de la bordure.
...

Retour à la liste des trucs et astuces


7,70$ offert gratuitement, 100% de bonus jusqu'à 600$ sur votre premier dèpôt, logiciel 100% français... Jouez sur Poker770

Hébergé par Lixium