css selector para que coincida con un elemento sin atributo x

Question

Estoy trabajando en un archivo CSS y encuentro la necesidad de estilo de cuadros de entrada de texto, sin embargo, estoy teniendo problemas. Necesito una simple declaración que coincide con todos estos elementos:

<input /> 
<input type='text' /> 
<input type='password' /> 

... pero no coincide éstos:

<input type='submit' /> 
<input type='button' /> 
<input type='image' /> 
<input type='file' /> 
<input type='checkbox' /> 
<input type='radio' /> 
<input type='reset' /> 

Esto es lo que me gustaría hacer:

input[!type], input[type='text'], input[type='password'] { 
    /* styles here */ 
} 

En el CSS anterior, observe que el primer selector es input[!type]. Lo que quiero decir con esto es que quiero seleccionar todos los cuadros de entrada donde el atributo de tipo no está especificado (porque el valor predeterminado es texto, pero input[type='text'] no coincide). Lamentablemente, no hay tal selector en la especificación CSS3 que pude encontrar.

¿Alguien sabe de una manera de lograr esto?

Answer 1

: no selector de

input:not([type]), input[type='text'], input[type='password'] { 
    /* style here */ 
} 

Support: en Internet Explorer 9 y superior

Answer 2

Para una solución más a través del navegador se podía peinar todo entradas de la forma en que desea que el no escrito, texto y contraseña, luego otro estilo anula ese estilo para radios, casillas de verificación, etc.

input { border:solid 1px red; } 

input[type=radio], 
input[type=checkbox], 
input[type=submit], 
input[type=reset], 
input[type=file] 
     { border:none; } 

- O -

podría cualquiera que sea parte de su código que está generando las entradas no mecanografiado darles una clase como .no-type o simplemente no se emiten en absoluto? Además, este tipo de selección se puede hacer con jQuery.

Answer 3

sólo quería añadir a esto, se puede tener la: no selectora en oldIE usando selectivizr: http://selectivizr.com/