selector css para unir un elemento sin atributo x


Answers

Para una solución más entre navegadores, puede aplicar estilo a todas las entradas de la manera que desee el texto no escrito, el texto y la contraseña, y 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 cualquier parte de tu código que esté generando las entradas no tipadas darles una clase como .no-type o simplemente no dar salida en absoluto? Además, este tipo de selección se puede hacer con jQuery.

Question

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

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

... pero no coincide con estos:

<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 se ingresa el primer selector 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 el texto pero la 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?




Related