当值为空并且颜色设置样式时,必需的输入字段获取边框

use*_*790 3 html css input border required

你能解释一下这个吗?

在Firefox中运行:http: //jsfiddle.net/eMa8y/24/

HTML:

<html>

    <head>
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    </head>

    <body>
        <form>
            <input type="text" placeholder="input" required />
            <input type="text" placeholder="input" />
        </form>
    </body>

</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

input {
    color:black;
}
[required] {
    color:red;
}
Run Code Online (Sandbox Code Playgroud)

脚本:

$(document).ready(function () {
    setTimeout(function () {
        $("input").val("");
    }, 3000);
});
Run Code Online (Sandbox Code Playgroud)

等待三秒钟,输入变为红色边框.为什么?这是Firefox的错误吗?

请注意,我使用的是Firefox 18.0.2.

谢谢.

Lia*_*iam 9

required很明显,firefox 将HTML5属性解释为包含红色边框,这里是关于删除它的答案

Firefox 4所需的输入形式为RED边框/轮廓

所以只做:

[required] {
    color:red;
    box-shadow: none;
}
Run Code Online (Sandbox Code Playgroud)

固定