5

你好我有以下问题：

我确实检查了我的表单中的一些 php 错误消息。

如果没有错误，我只是有我的 css 设置：

.wrapper #frame form fieldset ul input {
    color: #f23;
    font-size: 10px;
    height: 18px;
    padding-left: 5px;
    margin-top: 3px;
    outline:none;
}

和我的焦点设置：

.wrapper #frame form fieldset ul input:focus{
    color:#fff;
    font-weight: bold;
    border: 2px solid #fff;
}

好的，现在我改变了这一行：

<input type="text" id="normal" name="1" value=""/>

添加错误类别：

<input class="err" type="text" id="normal" name="1" value=""/>

问题是我的设置只发生在输入字段上的班级详细信息，而不是我的焦点设置：

.err {
    color: #444444;
    font-size: 10px;
    width: 180px;
    height: 18px;
    padding-left: 5px;
    outline:none;   
    background-image: url(../images/error.png);
}
.err input:focus{
    color:#f23;
    font-weight: bold;
    border: 2px solid #f23;
}

因此，如果有人可以告诉我为什么这不起作用，我将不胜感激。多谢。

4

1 回答 1

19

您的 HTML 中有一个类error，并且在您的 CSS 中，您已将类设置为err; 如果您始终使用相同的名称（无论您选择哪个），它应该可以工作。

您当前的HTML：

<input class="error" type="text" id="normal" name="1" value=""/>

...和CSS：

.err {
    color: #444444;
    font-size: 10px;
    width: 180px;
    height: 18px;
    padding-left: 5px;
    outline:none;   
    background-image: url(../images/error.png);
}
.err input:focus{
    color:#f23;
    font-weight: bold;
    border: 2px solid #f23;
}

此外，在您的 CSS 中，您选择的input是具有类名的元素的后代err，而不是具有该类名的input元素。所以，你应该使用类似的东西：

<input class="err" type="text" id="normal" name="1" value=""/>

input.err {
    color: #444444;
    font-size: 10px;
    width: 180px;
    height: 18px;
    padding-left: 5px;
    outline:none;   
    background-image: url(../images/error.png);
}
input.err:focus{
    color:#f23;
    font-weight: bold;
    border: 2px solid #f23;
}
于 2012-07-22T20:52:31.597 回答