Gibt es einen CSS-Selektor für jedes Feld, das der Benutzer eingibt?

Question

Ich möchte ein allgemeines Styling für alle Elemente erstellen, die der Benutzer auswählt (entweder mit der Maus oder durch Antippen auf einem Touchscreen) und dann Text mit einem Cursor eingeben. Dazu gehören:

• <input>
• <input type='text'>
• <textarea>
• <input type='password'>
• <another element that I didn't know existed that you can type into>

Wie Sie (und andere Beispiele wahrscheinlich), aufgrund der <textarea> sehen kann (was fällt in dieser Kategorie) und <input type='submit'> (was nicht) kannst du nicht einfach alle <input> auswählen.

Gibt es dafür einen speziellen CSS (Pseudo?) - Selektor?

Answer 1

Nein, gibt es nicht.

Entweder Sie gehen mit Listen

input, textarea {...} 

oder Sie verwenden eine CSS-Prä-Prozessor (z sass) und machen Sie sich eine mixin oder eine Funktion, die alle diese Typen behandelt. Aber Sie werden es nicht schaffen, all diese Elemente irgendwann zu definieren.

Answer 2

Nein, es gibt kein Feld für diese, aber Sie können Selektoren mit Komma kombinieren und sie alle zusammen wie dieser Art:

input[type="text"], input[type="search"], input[type="password"], textarea { 
    /* your styles here */ 
} 

Ich denke, dies ist der einzige Weg, es zu tun.

Answer 3

Sie können einfach die Pseudoklasse: focus in CSS verwenden, um ein beliebiges ausgewähltes HTML-Element auszuwählen.

CSS:

:focus { 
    /* whatever you want to do to all selected elements */ 
} 

hier ein JS Geige ist das zeigt, wie es funktioniert:

http://jsfiddle.net/vbdgenwz/