如何根据大小和类型选择特定的输入元素?

时间:2012-06-01 09:07:15

标签: html css

我有两组input type=text元素在CSS中的样式不同。对于第一组,长度由CSS width确定。对于第二组,size值用于确定输入框的长度:

<input type=text name=name value='Jason Bourne'> /*1st set*/
<input type=text name=cardNumber value='4111111111111111' size=19> /*2nd set*/

如果不引入classid属性,是否可以仅使用CSS selectors分别设置两个样式的样式?

澄清:上面的大小19只是一个例子。我希望能够根据是否设置size属性进行选择,并与类型为text的属性结合使用。

2 个答案:

答案 0 :(得分:3)

有可能 - http://jsfiddle.net/geQqG/2/

    input[type="text"]{
    color: red;
}

input[size]{
    color: green;
}

答案 1 :(得分:1)

Dipaks的回答给了我一些灵感,我尝试了小提琴,这实际上就是我想要的:

input[type="text"] {
 color: blue;
}

input[type="text"]:not([size]) {
 width: 200px;
 color: red;
}