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

Attribute selector where value equals either A or B?(值等于 A 或 B 的属性选择器?)
本文介绍了值等于 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;
}

这篇关于值等于 A 或 B 的属性选择器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)
getFullYear returns year before on first day of year(getFullYear 在一年的第一天返回前一年)
How to use coffeescript in developing web-sites?(如何在开发网站时使用coffeescript?)
Expose a javascript api with coffeescript(使用 coffeescript 公开一个 javascript api)
Coffeescript wrapping files in a function(Coffeescript 在函数中包装文件)
Multiple Files communication with coffeescript(与咖啡脚本的多个文件通信)