Comment sélectionner le « label for = « e-mail » » en CSS ?

Question

Code:

<label for="email">{t _your_email}:</label>

CSS:

 label
{
    display: block;
    width: 156px;
    cursor: pointer;
    padding-right: 6px;
    padding-bottom: 1px;
}
 

Je veux créer un nouveau fichier CSS pour l’étiquette de courrier électronique, car il n’est pas censé être aussi large.

Merci.

Answer 1

Le sélecteur serait

label[for=email]
{
    /* ...definitions here... */
}

C'est un sélecteur d'attribut. Notez que certains navigateurs (les versions de IE < 8, par exemple) peuvent ne pas supporter sélecteur d'attribut, mais les plus récentes faire. De soutenir les anciens navigateurs comme IE6 et IE7, vous auriez à utiliser une classe (ou certains autres structurel), malheureusement.

(Je suis en supposant que le modèle {t _your_email} de remplir un champ avec id="email". Si non, utiliser une classe à la place.)