属性选择器，其中值等于A或B？

Question

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

input[type=text][type=password]

但是，此选择器似乎不起作用（我假设是因为两次指定相同的属性无效），有人知道如何做到这一点吗？

Answer 1

像这样

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;
}