Seleziona tutti i tag di input dove type non è checkbox

Question

Ho bisogno del selettore CSS che corrisponda a tutti i tag di input dove il tipo è noncheckbox.

Questa partita:

<input value="Meow!" />

<input type="password" />

... ma questo non :

<input type="checkbox" />

perché il tipo è checkbox!

Questo è ciò che ho in questo momento:

input:not(type="checkbox")

Purtroppo, lo fa non lavoro!

Così ecco che arriva mie domande:

1. Come per risolvere il mio selettore CSS3?
2. È possibile senza CSS3 e JavaScript?
3. È possibile senza CSS3, ma con l'uso di JavaScript?

Grazie in ogni consiglio!

Answer 1

1. vostro selettore di attributo manca le parentesi quadre:

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

2. Se si sta applicando gli stili sarà necessario fare uso di una regola di override in CSS:

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

   Come puoi immaginare, è quasi impossibile farlo per gli elementi del modulo perché i loro stili predefiniti del browser non sono ben definiti nei CSS.

3. jQuery offre :checkbox selector che è possibile utilizzare:

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

   È inoltre possibile utilizzare lo stesso selettore di come si fa in CSS:

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

Answer 2

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