Is there a way to select multiple input field types with CSS?

Question

I have a text and a password input field that I'm trying to select in this fashion:

input[type=text][type=password]

however this does not work. I would refrain from using jQuery, so any help would be appreciated (without using custom classes).

question from:https://stackoverflow.com/questions/7474057/is-there-a-way-to-select-multiple-input-field-types-with-css

Answer 1

You need to specify the attributes separately, repeating the types if necessary and using comma(s):

input[type=text], input[type=password]

Your given selector is trying to match an input with a type that is both text and password, but a single element can't have different values for the same attribute so it fails.