風格HTML5輸入類型

Question

呦大家

我的問題很簡單：我需要的款式的紅色邊框（或影子？）的是無法驗證（如電子郵件）的輸入。有沒有新的CSS技巧來做到這一點？

如果你還是不明白我告訴你，那麼這是一個需要改變顏色：

Answer 1

見https://developer.mozilla.org/en/CSS/%3Ainvalid爲Firefox的詳細信息，但想必沒有「-moz」部分適用於其他瀏覽器也：

的:invalid CSS僞類到<input> 元件，其內容不能根據輸入的 類型設置，以驗證自動應用。這使您可以輕鬆地使無效字段採用 外觀，以幫助用戶識別和糾正錯誤。

默認情況下，Gecko不會將樣式應用於:invalid僞類。 但是，它將:-moz-ui-invalid虛擬類應用樣式（使用方塊陰影 屬性的紅色「發光」），該類應用於:invalid的 個案子集。