HTML5未突出显示由于框阴影导致的无效输入

Question

我有一个包含以下Bootstrap类的输入的表单 - form-control。我在此表单上使用HTML5表单验证。问题是，由于包含box-shadow，border-color样式，无效输入上的红色突出显示不会出现。

即使应用了这些样式，我怎样才能让它们出现？一些样式来自我自己的CSS，一些来自bootstrap的CSS。

Answer 1

尝试使用CSS伪选择器：

input:required:invalid,  
input:focus:invalid, 

textarea:required:invalid,
textarea:focus:invalid

...

如果有必要，您必须指定更强大的CSS选择器，如.form-control