Sélecteur CSS pour les champs de saisie de texte ?

Question

Comment puis-je cibler les champs de saisie de type "text" à l'aide de sélecteurs CSS ?

Answer 1

Comme @Amir l'a indiqué plus haut, la meilleure façon de procéder aujourd'hui - en tenant compte des différents navigateurs et en abandonnant IE6 - est d'utiliser

[type=text] {}

Personne n'a mentionné une spécificité CSS plus faible ( pourquoi es que important ?) jusqu'à présent, [type=text] caractéristiques 0,0,1,0 au lieu de 0,0,1,1 avec input[type=text] .

En termes de performances, il n'y a plus d'impact négatif du tout.

normalize v4.0.0 vient de sortir avec une spécificité de sélecteur réduite .

Answer 2

Avec le sélecteur d'attributs, nous ciblons le texte du type d'entrée dans le CSS.

input[type=text] {
background:gold;
font-size:15px;
 }

Answer 3

Entrée [type=texte]

Ceci sélectionnera tout le texte de type entrée dans une page web.

Answer 4

Les sélecteurs d'attributs sont souvent utilisés pour les entrées. Voici la liste des sélecteurs d'attributs :

[titre] Tous les éléments ayant l'attribut title sont sélectionnés.

[title=banane] Tous les éléments dont l'attribut title contient la valeur "banane".

[title~=banane] Tous les éléments qui contiennent "banane" dans la valeur de l'attribut title.

[title|=banane] Tous les éléments dont la valeur de l'attribut title commence par "banana".

[titre^=banane] Tous les éléments dont la valeur de l'attribut title commence par "banana".

[title$=banane] Tous les éléments dont la valeur de l'attribut title se termine par "banana".

[title*=banane] Tous les éléments dont la valeur de l'attribut title contient la sous-chaîne "banane".

Référence : https://kolosek.com/css-selectors/