Sélectionnez l'Étiquette par type d'Entrée

Est-il un moyen d'exclure ou de sélectionner l'Étiquette par types d'entrée, quelque chose de semblable à champ de saisie?

label:not([type=checkbox])
label[type=checkbox]
Ce qui est de votre question en fait? u ne souhaitez savoir quels sont les autres types d'entrée... ne pouvait pas comprendre clairement.. reformuler...
Le second fonctionne bien. Le [attribute=value] sélecteur css fonctionne pour tout, pas seulement une entrée. (vous pourriez obtenir des noms de classe, si elle est désactivée, etc) Cela peut ne pas fonctionner dans certaines anciennes versions d'IE. Je n'ai pas vu l' :pas de sélecteur avant de bien donc je ne peut pas commenter.
la question est, comment faire pour sélectionner ou exclure de l'étiquette de l'entrée fieldtype=case, dans le CSS?
il ne fonctionne pas
Oh, attendez, vous voulez cibler le label basé sur la for attribut? Je pense que j'ai mal compris votre question initiale.

OriginalL'auteur InTry | 2012-10-23

  1. 14

    Si vous donnez à vos cases spécifiques id qui commencent tous par la même chose, vous pouvez effectuer les opérations suivantes:

    HTML

    <input type="checkbox" id="chkTerms" />
<label for="chkTerms">Read terms & conditions</label>

    CSS

    label[for*="chk"], label[htmlfor*="chk"]
{
css here
}

    Probablement les navigateurs modernes, mais.
    EDIT: j'ai juste essayé de violon: lien et il fonctionne dans chrome et IE 8 & 9 mais pas 7. Je n'ai pas essayé en FF.

    EDIT2: il suffit de donner une explication de ce qui se passe ici, les crochets à la recherche d'un attribut appelé pour. L'astérix change le comportement de l'égale de la plaine d'égal à égal, pour signifier contient - où l'attribut contient "chk" il va appliquer ce style. Vous pouvez remplacer le * ^ et il va changer à dire commence avec au lieu de les contient.

    EDIT3: BoltClock a fourni un correctif pour IE7 dans un commentaire, j'ai mis à jour la réponse à inclure.

    c'est exactement ce que je recherchait
    Ouais, IE7 a de la difficulté avec sélecteur d'attribut, et for est un célèbre exemple où vous avez besoin d'utiliser htmlFor à la place.
    J'étais pas au courant de la htmlfor sélecteur. Merci 🙂 je mettrai à jour mon post pour y inclure que le fait de fixer IE7.

    OriginalL'auteur Andrew

  2. 3

    Comment sur input[type=checkbox] + label { /*label style here*/} ? Il peut fonctionner si le texte est juste après l'élément d'entrée. Je n'ai pas testé.

    en effet, il fonctionne uniquement si l'étiquette est après que l'élément d'entrée 🙁
    Pouvez-vous modifier le html? Vous pouvez par exemple ajouter une classe pour ces étiquettes. Ou utiliser jQuery pour parcourir toutes les étiquettes, et vérifiez le type d'entrée ceux qui ont.
    C'est une bonne idée, en dépit de ses limitations.
    Et si l'étiquette est en avant de l'entrée, ensuite, vous pouvez simplement modifier du code html de sorte que l'étiquette est après ther entrée et ensuite modifier le css pour positionner l'étiquette avant l'entrée.
    oui cela peut être une solution, alors text-indent:-100px pour le déplacer en face de la case

    OriginalL'auteur Antti

  3. 1

    Vous pouvez utiliser votre case avec la base de données de l'attribut de référence..

    <input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" />
<label for="checkbox-0">Whatever</label>

    Si vous n'avez pas s'attendre à ce... faites nous le savoir...

    Je sais que je peux utiliser l'id ou une classe, j'ai demandé si ce serait possible de le faire par d'autres, sans l'aide de label {style} puis l'écraser avec #checkbox-0 {style}

    OriginalL'auteur Sri