属性选择器其中值等于A或B？ [英] Attribute selector where value equals either A or 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?

谢谢，
Alex。

Thanks, Alex.

推荐答案

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

这篇关于属性选择器其中值等于A或B？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！