Sélecteur CSS pour <input type=“?”
Est-il de toute façon avec les CSS pour cibler toutes les entrées en fonction de leur type? J'ai désactivé la classe que j'utilise sur divers désactivé les éléments de formulaire, et je suis le réglage de la couleur d'arrière-plan pour les zones de texte, mais je ne veux pas que mes cases à cocher pour obtenir cette couleur.
Je sais que je peux le faire avec les séparer les classes, mais je préfère utiliser les CSS si possible. Je suis sûr, je peux mettre ceci en javascript, mais encore à la recherche pour le CSS.
Je suis ciblage IE7+. Donc je ne pense pas que je peux utiliser CSS3.
Modifier
Avec CSS3, je serais en mesure de faire quelque chose comme?
INPUT[type='text']:disabled
ce serait encore mieux de se débarrasser de ma classe totalement...
Modifier
Ok merci pour l'aide! Voici donc un sélecteur qui modifie toutes les zones de texte et les zones qui ont été désactivés sans nécessiter de réglage de toutes les classes, quand j'ai commencé cette question, je n'ai jamais pensé que c'était possible...
INPUT[disabled][type='text'], TEXTAREA[disabled]
{
background-color: Silver;
}
Cela fonctionne dans IE7
- J'ai écrit. un article avec quelques renseignements détaillés sur CSS sélecteur d'attribut.
Vous devez vous connecter pour publier un commentaire.
Oui. IE7+ prend en charge sélecteur d'attribut:
Élément input avec l'attribut type qui contient une valeur qui est égale à, commence par, contient ou se termine avec une certaine valeur.
Autres (IE7+) les sélecteurs sont:
p > span { font-weight: bold; }
span ~ span { color: blue; }
Qui pour
<p><span/><span/></p>
serait un moyen efficace de vous donner:Davantage de lecture:
Navigateur CSS compatibilité sur quirksmode.com
Je suis surpris que tout le monde pense qu'il ne peut pas être fait. Attribut CSS sélecteurs sont ici depuis un certain temps déjà. Je suppose qu'il est temps de nettoyer notre .les fichiers css.
Malheureusement, les autres affiches sont correctes que vous êtes...en fait, telle que corrigée par kRON, vous sont ok avec votre IE7 et d'un strict doc, mais la plupart d'entre nous avec IE6 exigences sont réduits à JS ou les références de classe, mais c' est une propriété CSS2, juste un sans soutien suffisant de IE^h^h navigateurs.
De l'exhaustivité, le type de sélecteur similaires à xpath - de la forme
[attribute=value]
mais beaucoup d'intéressantes variantes existent. Il sera être très puissant quand il est disponible, une bonne chose à garder en tête pour IE8.w3 référence
prise en charge du navigateur de référence
Vous pouvez le faire avec jQuery. À l'aide de leurs sélecteurs, vous pouvez les sélectionner par attributs, tels que le type. Ce n'est, toutefois, exiger que vos utilisateurs ont Javascript activé, et le fichier à télécharger, mais si ça marche...
Désolé, la réponse courte est non. CSS (2.1) ne fera que marquer les éléments d'un DOM, pas de leurs attributs. Vous devez appliquer une classe spécifique à chaque entrée.
Déception, je le sais, parce que ce serait très utile.
Je sais que vous avez dit que vous préférez CSS sur JavaScript, mais vous devriez toujours envisager l'utilisation de jQuery. Il offre un très propre et de manière élégante d'ajouter des styles à des éléments du DOM basée sur les attributs.