Question

我在此有3个<代码><input>。

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

我可以选择与这些特别安全局的底线二:

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

But I don t know how to select the first one that has no type.
I tried:

input{
    color: red;
}

但它也将改变另外两个。

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

This is still not working.
Any idea?

Answer 1

选任人<代码>[类型=”>将寻找一种包含特性的投稿件:<代码> 类型,该词被定为空文。使用:

input:not([type]) { }

Answer 2

另一种做法是使用CSSSpeciality,对所有投入要素采用一般风格,然后对包含的e>类内容的投入采用更具体的方式:>

Answer 3

您对交叉浏览器兼容性的最佳依据或许只是界定了你想要的东西,然后又重新界定了每种类型的投入。即:

input {
    color: red;
}
input[type="button"],
input[type="submit"],
...
input[type="input"] {
    color: red;
}

Answer 4

也许,你可以向你们希望提供的投入添加一个奖状或等级。例如:

Name: <input id="name-input">

Then in your css:

#name-input
{
   color: red
}

Answer 5

IE6

input[type="text"]:first-child

页: 1

#form input[type="text"]:first-child