找不到哪個css樣式應用於元素

Question

在以下屏幕截圖中，某些css樣式（紅色邊框）正在應用於輸入字段以指示錯誤。但是我無法確定它是哪個css選擇器，Firebug不顯示任何應用的樣式。

演示： 對不起，該頁面沒有直接的URL，這裏是您可以看到：

1. 去這裏：https://wordpress.org/themes/imgwize/
2. 點擊 「預覽」按鈕。
3. 向下滾動頁面並點擊第一篇文章「Hello world」。你可以在那裏看到評論表單。
4. 將字段留空並點擊發布評論按鈕。

Answer 1

這是Firefox瀏覽器的內置HTML5原生驗證樣式。它通過應用required="required"HTML5標籤完成。您可以通過應用:invalid CSS僞元素來刪除此樣式。

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

Answer 2

如果你在其他瀏覽器上也這麼做，比如說Chrome，你會發現表單沒有像FireFox那樣的行爲。這表明這是一個瀏覽器功能。我猜你注意到表單輸入都有必需的屬性，當瀏覽器留空時，它可能會決定瀏覽器的響應。