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).

BoltClock · Accepted Answer · 2011-09-19 16:17:15Z

80

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.

answered Sep 19, 2011 at 16:17

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

BoltClock Over a year ago

@AnthonyAlmighty: Possibly because this was a drive-by question, and most users who post once and never come back don't realize that answers can be accepted - they post a question, get an answer, and that's it. Plus, this feature is unnecessarily hard to discover.

User Over a year ago

What if I wanted these to have a certain class?

yardpenalty.com Over a year ago

Because he ONLY wants input password AND input text to match

Collectives™ on Stack Overflow

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

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related