Esiste un selettore CSS per qualsiasi campo in cui l'utente digita?

Question

Voglio creare uno stile comune per tutti gli elementi in cui l'utente seleziona (con un mouse o toccando su un touch screen) e quindi inserisce il testo con un cursore. Ciò include:

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

Come potete vedere (e altri esempi probabilmente), a causa della <textarea> (che cade in questa categoria) e <input type='submit'> (quale no) non puoi semplicemente selezionare tutti gli <input>.

C'è uno speciale selettore CSS (pseudo?) Per questo?

Answer 1

No, non c'è.

o si va con le liste

input, textarea {...} 

o si utilizza un CSS-preprocessore (ad esempio sass) e farsi un mixin o una funzione che gestisce tutti questi tipi. Ma a un certo punto non riuscirai a definire tutti questi elementi.

Answer 2

No, non c'è un campo per questo, ma è possibile combinare selettori con virgole e tutti lo stile insieme in questo modo:

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

Credo che questo sia l'unico modo per farlo.

Answer 3

È possibile utilizzare semplicemente la pseudo-classe: focus nei CSS per selezionare qualsiasi elemento HTML selezionato.

CSS:

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

Ecco un violino di JS che mostra come funziona:

http://jsfiddle.net/vbdgenwz/