值等于 A 或 B 的属性选择器?

问题描述

我想知道是否可以在 CSS 中指定属性等于两个值之一的元素，如下所示:

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?

推荐答案

这样?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;
}