152
Maîtrise des CSS
affiche.les.bordures.du.bas.et.de.droite.en.blanc.pour.ces.éléments,.ce.qui.les.fait.disparaître.
sur.fond.blanc.(voir.Figure 7.7)..
Figure 7.7
Les bordures du
bas et de droite des
champs de saisie et des
zones de texte sont
affichées en blanc dans
Firefox, ce qui les fait
disparaître sur fond
blanc.
Ici,.nous.utilisons.un.sélecteur.d’attribut.pour.cibler.les.champs.de.saisie,.car.ce.style.est.tout.
particulièrement.destiné.à.Firefox,.qui.comprend.ce.sélecteur.
input[type="text"], textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
Nous.n’avons.utilisé.aucun.champ.de.mot.de.passe..Toutefois,.si.nous.devions.créer.un.style.de.
formulaire.générique.pour.le.site.entier,.nous.aurions.dû.aussi.inclure.[type="password"].
dans.les.deux.précédents.exemples.
Champs obligatoires
De.nombreux.formulaires.contiennent.des.champs.obligatoires..Vous.pouvez.les.signaler.en.
plaçant.un.texte.mis.en.forme.ou.un.astérisque.à.côté..Comme.ces.informations.signalent.le.
statut.obligatoire.du.champ,.l’élément.le.plus.approprié.pour.ces.informations.est.l’élément.
em.ou.l’élément.strong :

Vous.pouvez.aussi.appliquer.la.mise.en.forme.de.votre.choix.à.ces.informations..Dans.cet.
exemple,.j’ai.réduit.la.taille.de.police.et.passé.le.texte.en.rouge :
.required {