如何选择CSS没有"type"的<input>

Question

<input>我的HTML中有3 秒:

Name: <input><br>
Age: <input type="number"><br>
Site: <input type="url">

我可以用这些CSS选择底部两个:

input[type="number"]{
    color: gray;
}
input[type="url"]{
    color: blue;
}

但我不知道如何选择没有类型的第一个.
我试过了:

input{
    color: red;
}

但它也将改变其他两个.

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

这仍然无效.
任何的想法？

Answer 1

选择器input[type=""]将查找具有type设置为空的属性的输入.试试这个:

input:not([type]) { }

看到j​​sFiddle.

Answer 2

另一种方法可以是使用CSS特性,并将一般样式应用于所有输入元素,然后将更具体的样式应用于具有type属性的输入.:)