Wählen Sie alle input-tags, bei dem Typ ist nicht checkbox

Brauche ich CSS-Selektor entsprechen, werden alle input-tags, bei dem Typ ist nicht checkbox.

Diesem match:

<input value="Meow!" />

<input type="password" />

...aber das tut nicht:

<input type="checkbox" />

Weil Typ ist checkbox!

Dies ist, was ich im moment:

input:not(type="checkbox")

Leider funktioniert es nicht Arbeit!

So, hier kommt meine Fragen:

  1. Wie zu beheben mein CSS3-Selektor?
  2. Ist es möglich, ohne den Einsatz von CSS3 und JavaScript?
  3. Ist es möglich, ohne den Einsatz von CSS3, aber mit der Nutzung von JavaScript?

Vielen Dank auf jeden Rat!

InformationsquelleAutor daGrevis | 2012-03-31

  1. 22

    1. Ihre Attribut-Selektor fehlt die eckigen Klammern:

      input:not([type="checkbox"])

    2. Wenn Sie die Anwendung von Stilen, die Sie benötigen, um die Verwendung von " override-Regel in CSS:

      input {
    /* Styles for all inputs */
}

input[type="checkbox"] {
    /* Override and revert above styles for checkbox inputs */
}

      Als Sie sich vorstellen können, ist es fast unmöglich, dies zu tun für Formular-Elemente, weil Ihre browser-default-styles sind nicht gut in CSS.

    3. jQuery bietet eine checkbox - Selektor, die Sie verwenden können:

      $('input:not(:checkbox)')

      Können Sie auch mit dem gleichen Selektor wie in CSS:

      $('input:not([type="checkbox"])')
    Danke! Die eine Idee, die ich habe—, die ich definieren konnte, alle möglichen Eingabetypen außer checkbox und für meine custom-CSS zu Ihnen. Dann, nur input - tag ohne type angegeben ausfallen würde.
    Ja, das ist eine gute alternative. Sie sollten vermeiden input Elementen ohne Arten sowieso.
    Warum? Es ist HTML5 Valide und leichter zu geben.
    Wenn Sie es einen Punkt, um anzugeben, die Art, die Sie verwenden können Attribut-Selektoren, ohne sich Gedanken über die Eingänge ohne Typen 🙂

    InformationsquelleAutor BoltClock

  2. 1

    input:not([type="checkbox"])

    Sollte aktualisieren Sie die Seite öfter... 🙂

    InformationsquelleAutor Alexander Pavlov

Schreibe einen Kommentar