馬克輸入字段爲無效

Question

我應該如何標註輸入字段爲無效（即顏色，背景顏色，邊框等）

目前，改變邊界需要整個輸入欄的改型，否則邊境將改變從默認瀏覽器樣式（每個瀏覽器都不同）。

類似的，改變輸入字段邊框上的背景色。

理想情況下，我希望能夠更改背景顏色，而不會混淆默認瀏覽器的邊框樣式。這甚至有可能嗎？考慮到我想盡可能多地保留瀏覽器的樣式規則，這裏有什麼好方法？

Answer 1

我還沒有找到這個......在任何情況下，推薦的一件事是你set the default border和任何輸入的背景色，因此它在所有瀏覽器中都是一致的。如果你這樣做，你可以隨心所欲地設置輸入風格。

之上和之外的是，標準似乎是：

• 同時設置邊框和輸入
• 顯示用戶一條消息，告訴他們什麼是錯的
• 一個很好的接觸能的背景啓用消息的點點以便焦點轉到問題
• 將用戶聚焦到不正確的輸入
• 將*放在任何必填字段旁邊。

再回到邊界，也有標準顏色，這似乎被大多數人使用它，如果你喜歡，我可以提供：

border:1px solid #CC0000; 
background-color:#ffeeee; 

希望有所幫助。讓我知道你是否需要更多，或者如果我沒有完全解決你之後的問題。