HTML5不突出顯示無效的輸入由於框陰影

我有一個輸入窗體與以下Bootstrap類 - form-control。我在此表單上使用HTML5表單驗證。問題是，由於包含box-shadow,border-color款式，無效輸入上的紅色突出顯示未出現。HTML5不突出顯示無效的輸入由於框陰影

即使應用了這些樣式，我如何讓它們出現？一些樣式是從我自己的CSS和一些從引導程序的CSS中應用的。

更強大的CSS選擇器這將是很好的，如果你能告訴我們更多的代碼 – Andrew

其良好的後代碼在jsFiddle.net –

老實說，這並不總是要求。 –

嘗試使用CSS僞選擇：

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

textarea:required:invalid, 
textarea:focus:invalid 

...

如果必要的話，你必須指定一個像.form-control

2015-05-14 09:11:55

是的，工作。所以我需要做的就是使用這些CSS選擇器來定義輸入的外觀，就像在無效數據輸入時一樣。謝謝！ –

回答