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.
谢谢.
required很明显,firefox 将HTML5属性解释为包含红色边框,这里是关于删除它的答案
所以只做:
[required] {
color:red;
box-shadow: none;
}
Run Code Online (Sandbox Code Playgroud)
固定