Question

我正在尝试设置<input>字段的样式，但它们不适用于CSS。

CSS：

input {
border:1px solid #0066BB;
backround-color:#111;
-webkit-appearence:none;
}

HTML：

<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>

Answer 1

纠正背景的拼写错误：

input {
border:1px solid #0066BB;
background-color:#111;
-webkit-appearence:none;
}

Answer 2

只需为您的输入提供一个类，然后在您的CSS中修改该类。

.uniqueInputs{
    border:1px solid #0066BB;
    background-color:#111;
    -webkit-appearance:none;
}

和输入本身

<input class="uniqueInputs" type="text"><br>

Answer 3

给他们一个类：

<input type="text" class="inputs"/>

.input{
    border:1px solid #0066BB;
    backround-color:#111;
    -webkit-appearence:none;
}

或按类型选择

<input type="text"/>

input[type=text]{
    border:1px solid #0066BB;
    backround-color:#111;
    -webkit-appearence:none;
}

无法让我的<input /> - 字段与css一起使用

3 个答案: