当表单字段中定义了required属性时,甚至在用户点击提交按钮之前,Firefox 4会自动将该元素显示为红色边框。
<input type="text" name="example" value="This is an example" required />
我认为这会让用户感到不安,因为他/她一开始并没有犯错。
我想要在初始状态下隐藏那个红色边框,但是如果有标记为必填的字段缺失时,在用户点击发送按钮时显示它。
我查看了新伪选择器:required
和:invalid
,但更改是在验证之前和之后进行的。(来自Firefox 4 Required input form RED border/outline)
是否有办法在用户提交表单之前禁用红色边框,并在存在缺少字段时显示它?