Comment sélectionner une étiquette avec un attribut « for » spécifique en CSS ?

Sélection d'une étiquette avec un attribut 'for' spécifique en CSS

Lorsque vous travaillez avec des formulaires HTML, vous pouvez rencontrer le besoin de cibler spécifiquement les étiquettes en fonction sur leur attribut 'for'. Par exemple, vous souhaiterez peut-être ajuster la mise en page d'une étiquette particulière.

Sélecteur CSS

Pour sélectionner une étiquette en fonction de son attribut « pour », utilisez la commande suivante Sélecteur CSS :

label[for="specific_value"] {
  /* Styles here... */
}

Remplacez "valeur_spécifique" par la valeur souhaitée de l'attribut 'for'.

Exemple

Considérez le code HTML suivant code :

<label for="email">Your Email:</label>

Pour sélectionner ce label en CSS, vous utiliseriez :

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

JavaScript et jQuery

Vous pouvez également accéder l'étiquette en utilisant JavaScript ou jQuery :

JavaScript (DOM) :

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

jQuery :

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

Remarque :

• Cette approche est appelée sélecteur d'attributs. Certains navigateurs plus anciens (tels que IE6 et IE7) peuvent ne pas prendre en charge les sélecteurs d'attributs.
• Si la valeur de l'attribut « for » comprend des caractères spéciaux ou ne respecte pas les règles d'identification CSS, elle doit être placée entre guillemets simples ou doubles.

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!