我有两组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*/
如果不引入class
或id
属性,是否可以仅使用CSS selectors
分别设置两个样式的样式?
澄清:上面的大小19只是一个例子。我希望能够根据是否设置size属性进行选择,并与类型为text的属性结合使用。
答案 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;
}