Selectores de tipo de entrada CSS: ¿es posible tener una sintaxis "o" o "no"?

Question

si existen en la programación),

Si tengo un formulario HTML con las siguientes entradas:

<input type="text" /> 
<input type="password" /> 
<input type="checkbox" /> 

quiero aplicar un estilo a todas las entradas que son o bien type="text" o type="password".

Alternativamente, me conformaría con todas las entradas donde type != "checkbox".

Parece como si a tener que hacer esto:

input[type='text'], input[type='password'] 
{ 
    // my css 
} 

no hay una manera de hacerlo:

input[type='text',type='password'] 
{ 
    // my css 
} 

o

input[type!='checkbox'] 
{ 
    // my css 
} 

que tenía un vistazo , y no parece que haya una forma de hacerlo con un solo selector de CSS.

No es un gran problema, por supuesto, pero solo soy un gato curioso.

¿Alguna idea?

Answer 1

CSS3 tiene una pseudo-clase llamada :not()

input:not([type='checkbox']) {  
 
    visibility: hidden; 
 
}

<p>If <code>:not()</code> is supported, you'll only see the checkbox.</p> 
 
    \t        
 
<ul> 
 
    <li>text: (<input type="text">)</li> 
 
    <li>password (<input type="password">)</li>  \t 
 
    <li>checkbox (<input type="checkbox">)</li> 
 
</ul>

---

Si necesita apoyar IE8 o más temprano se puede utilizar un polyfill como IE9.js. O simplemente puede hacer esto:

input { 
    // styles for most inputs 
} 

input[type=checkbox] { 
    // revert back to the original style 
} 

Eso es técnicamente dos selectores, pero le ahorra tener que pensar en todos los tipos de entrada que no son "casilla de verificación".

Answer 2

input[type='text'], input[type='password'] 
{ 
    // my css 
} 

Esa es la forma correcta de hacerlo. Lamentablemente, CSS no es un lenguaje de programación.