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.
InformationsquelleAutor JoshBerke | 2009-01-22
  1. 154

    Oui. IE7+ prend en charge sélecteur d'attribut:

    input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

    É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:

    • Parent > enfant: p > span { font-weight: bold; }
    • Précédée par ~ élément qui est: span ~ span { color: blue; }

    Qui pour <p><span/><span/></p> serait un moyen efficace de vous donner:

    <p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

    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.

    • Ok, j'avais essayé ceci mais ça ne marche pas maintenant, il travaille donc je dois avoir ma syntaxe foiré.
    • Vous venez de faire ma journée! Maintenant, si vous voulez faire ma semaine me dire qu'il peut être fait dans IE6, sans l'aide d'Expressions hehe:-) j/k
    • Malheureusement, il ne peut pas. J'ai arrêté de supporter IE6 de points de vue religieux et de suggérer que nous tous faire trop. Aujourd'hui, j'ai utiliser l'IE commentaire conditionnel pour indiquer aux utilisateurs que leur ordinateur et la vie privée est à risque pour l'utilisation de IE6 et qu'ils doivent mettre à niveau immédiatement 😛
    • Pour être équitable, il exige le strict doctype (pas un problème) et ne fonctionne pas pour IE6 (je l'avoue, j'ai raté le IE7 spécification dans l'OP)
    • Je suppose que je suis tellement habitué à l'appui IE6 j'ai supposé que ça ne marcherait pas dans IE7 soit
    • Je souhaite que je pourrais arrêter de supporter IE6 mais je ne peux pas et je ne peux pas faire comme vous l'avez suggéré...Mais j'ai vraiment vraiment vraiment souhaite que je pourrais;-)

    InformationsquelleAutor Filip Dupanović
  2. 3

    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.

    • Vous avez un plus mis à jour prise en charge du navigateur de référence? Qui est basé sur IE7 beta aimerais voir IE8
    • IE8 est encore en version bêta, mais quirksmode dit "oui": quirksmode.org/css/contents.html
    • Je suis encore en charge IE6 tout simplement pas ajouté cette minuscule visual tweak.
    • assez juste, c'était mon erreur de réponse basée sur le titre, j'ai tendance à répondre à des cas généraux - je devrais vraiment lire les questions en plus 🙂
    InformationsquelleAutor annakata
  3. 1

    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...

    InformationsquelleAutor cdeszaq
  4. 0

    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.

    • jquery est la façon de le faire, ou tout simplement JavaScript en général
    • Afaict, cette réponse est incorrecte (le CSS 2.1 partie): w3.org/TR/CSS21/selector.html#attribute-selectors. Si non, veuillez préciser votre réponse.
    • Désolé, vous avez tout à fait raison. Je viens de s'attendre au moins à partir de IE7 parce que très souvent les développeurs sont encore nécessaires pour soutenir IE6 en même temps. Devraient ai lu la question avec plus de soin et faire mes devoirs.
    InformationsquelleAutor Phil.Wheeler