覆盖bootstrap表单验证器.has-error Firefox和Edge

Question

我的表单如下：http://jsfiddle.net/bppe3nsb/

当我们点击发送按钮时，我不希望对未填充的字段进行任何更改。没有红色边框。没有影子。弹出消息就足够了：

Chrome工作正常，我没有任何红色边框但是如果所有需要的字段都没有填写，则点击“发送”按钮后Edge和Firefox会显示如下的大红色边框：

所以我试图像这样覆盖.has-error类，但没有成功：

.has-error input[type=text], 
.has-error input[type=email], 
.has-error textarea {
    border: 1px solid rgba(0,0,0,.1);
}

为什么它不起作用？我所看到的所有例子都在谈论.has-error。

Firefox的解决方案不适用于Edge http://jsfiddle.net/jd46q3vg/。

input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
textarea:required {
    box-shadow:none;
}
textarea:invalid {
    box-shadow:none;
}

Answer 1

请提供

  

box-shadow：none;   概述：无;

该输入框的

将解决IE / EDGE / Firefox中的问题