Les sélecteurs d'attributs CSS peuvent-ils cibler les valeurs d'entrée dynamiques ?

Sélecteurs d'attributs CSS pour le ciblage dynamique des entrées

Question : Pouvez-vous exploiter les sélecteurs CSS pour cibler les entrées en fonction de leur des valeurs spécifiques ? Par exemple, comment cibleriez-vous une entrée avec la valeur « États-Unis » ?

Réponse :

Solution originale : valeurs statiques uniquement

Oui, c'est possible en utilisant les sélecteurs d'attributs CSS. Cependant, ils ont une limitation :

<code class="css">input[value="United States"] { color: #F90; }</code>

Ce sélecteur fait correspondre les entrées avec la valeur exacte « États-Unis ». Si la valeur change dynamiquement, le style ne sera pas appliqué.

Solution pour les valeurs dynamiques

Comme indiqué dans la réponse de npup, les sélecteurs d'attributs CSS ne peuvent pas cibler les attributs en fonction de leurs valeurs réelles. Pour relever ce défi :

• Solution de contournement JavaScript : Créez une fonction JavaScript qui vérifie les valeurs d'entrée et applique le style de manière dynamique. Consultez le JSFiddle fourni pour un exemple.

Limitations du ciblage de valeur dynamique

Bien que JavaScript fournisse une solution, il est important de noter qu'il s'agit d'un goulot d'étranglement potentiel en termes de performances. . De plus, il n'est pas pris en charge dans tous les navigateurs.

Cas d'utilisation

Le ciblage par valeur dynamique peut être utile dans des scénarios spécifiques, tels que :

• Mise en surbrillance des entrées invalides avec des valeurs particulières.
• Restriction des interactions utilisateur à certaines entrées valeurs.

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!