【发布时间】：2017-06-30 12:01:56
【问题描述】：
我有一个类似的表格：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;
}
【问题讨论】：
-
是的，但不适用于 Edge。如何也为 Edge 删除它？ jsfiddle.net/jd46q3vg
标签： css forms validation twitter-bootstrap-3