Come selezionare <input> che non ha "tipo" con i CSS

Question

io qui ho 3 <input> s nel mio HTML:

Name: <input><br> 
Age: <input type="number"><br> 
Site: <input type="url"> 

E posso selezionare il fondo due con questi CSS:

input[type="number"]{ 
    color: gray; 
} 
input[type="url"]{ 
    color: blue; 
} 

Ma non so come selezionare il primo che non ha tipo.
ho provato:

input{ 
    color: red; 
} 

ma cambierà gli altri due pure.

input[type=""]{ 
    color: red; 
} 

Questo non funziona ancora.
Qualche idea?

Answer 1

Il selettore input[type=""] cerca un input con l'attributo type che è impostato su vuoto. Provare a utilizzare questo:

input:not([type]) { } 

See the jsFiddle.

Answer 2

non dovesse funzionare in IE6

input[type="text"]:first-child 

O

#form input[type="text"]:first-child 

Answer 3

Forse si potrebbe aggiungere un id o attributo di classe sull'input che desideri scegliere come target. Così, per esempio:

Name: <input id="name-input"> 

Poi nel CSS:

#name-input 
{ 
    color: red 
} 

Answer 4

Un altro approccio potrebbe essere quello di utilizzare CSS Specificità, e applicare uno stile generale a tutti gli elementi di input, quindi applicare gli stili più specifici per ingressi con attributo type. :)

Answer 5

La soluzione migliore per la compatibilità tra browser è probabilmente solo la definizione di ciò che si desidera e quindi la ridefinizione per ogni altro tipo di input. vale a dire: controllare

input { 
    color: red; 
} 
input[type="button"], 
input[type="submit"], 
... 
input[type="input"] { 
    color: red; 
}