Selektory typu wejściowego CSS - Możliwe, że istnieje składnia "lub" lub "nie"?

Question

Jeśli istnieją one w programowaniu),

Jeśli mam formularza HTML z następujących wejść:

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

chcę zastosować styl do wszystkich wejść, które są albo type="text" lub type="password".

Alternatywnie, chciałbym zadowolić się wszystkimi wejściami, gdzie type != "checkbox".

Wydaje się, że aby to zrobić:

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

nie jest sposobem zrobić:

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

lub

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

musiałem rozejrzeć i wydaje się, że nie ma sposobu, aby to zrobić za pomocą jednego selektora CSS.

Oczywiście to nic wielkiego, ale jestem tylko ciekawym kotem.

Wszelkie pomysły?

Answer 1

CSS3 ma pseudo-klasy o nazwie :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>

---

Jeśli trzeba wspierać IE8 lub wcześniej można użyć PolyFill jak IE9.js. Albo może po prostu to zrobić:

input { 
    // styles for most inputs 
} 

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

To technicznie dwóch selektorów, ale pozwala uniknąć konieczności myśleć o wszystkich typów wejściowych, które nie są „pole wyboru”.

Answer 2

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

To jest właściwy sposób, aby to zrobić. Niestety CSS nie jest językiem programowania.