Attribute selector where value equals either A or B?
I was wondering if it is possible to specify elements in CSS where an attribute is equal to one of two values, something like this:
input[type=text][type=password]
However this selector does not seem to work (I assume because specifying the same attribute twice is not valid), does anyone know how to do this?
Like this? http://jsfiddle.net/m242t/
HTML:
<form>
Username: <input type="username" name="Username" value="Username" /><br />
Password: <input type="password" name="Password" value="Password" /><br />
<input type="submit" value="Submit" />
</form>
CSS:
input[type="username"], input[type="password"] {
color: blue;
}