html - Edge 和 chrome 中必填字段验证器的不同行为？

Question

No red color is coming

如何保持一致？要么两者都应该有颜色，要么都没有。

<form action="">
    <input id="email" type="email" required="required" />
    <input type="submit" id="btnSubmit" />
</form>

Answer 1

如果验证失败，Microsoft Edge 会为输入提供一个 outline 属性。您可以像这样重置它:

#email2 {
  outline: 0;
}

<form action="">
    Email: <input id="email" type="email" required="required" />
    Confirm Email: <input id="email2" type="email" required="required" />
    <input type="submit" id="btnSubmit" />
</form>