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

Question

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

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

在不引入classorid属性的情况下，是否可以使用 just 单独设置两个集合的样式CSS selectors？

澄清：上面的 19 号只是一个例子。我希望能够根据是否设置大小属性进行选择，并结合类型为文本的属性。

score 3 · Accepted Answer

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

input[size]{
    color: green;
}

score 1 · Accepted Answer

Dipaks 的回答给了我一些灵感，我尝试了小提琴，这实际上是我正在寻找的：

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

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

2 回答 2