Comment cibler des étiquettes avec des attributs « pour » spécifiques en CSS ?

Sélection d'étiquettes par attribut 'for' en CSS

Pour modifier la disposition d'étiquettes spécifiques en fonction de leur attribut 'for', CSS fournit des sélecteurs d'attribut.

Sélecteur d'attribut pour l'étiquette

La syntaxe de sélection d'une étiquette par son attribut 'for' est :

label[for="XYZ"]

où "XYZ" représente la valeur d'attribut souhaitée.

Utilisation

CSS :

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

JavaScript (DOM):

var element = document.querySelector("label[for=email]");

JavaScript (jQuery):

var element = $("label[for=email]");

Correspondance de la valeur d'attribut

Si la valeur de l'attribut contient caractères non autorisés dans les identifiants CSS (par exemple, espaces, crochets), placez-le entre simple ou double citations :

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

Compatibilité des navigateurs

Notez que les sélecteurs d'attributs peuvent ne pas être pris en charge dans les anciens navigateurs comme les versions d'IE inférieures à 8. Pour une compatibilité entre navigateurs, envisagez d'utiliser des classes ou d'autres méthodes structurelles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!