将输入字段标记为无效

Question

我应该如何将输入字段标记为无效（即颜色、背景颜色、边框等）

目前，更改边框需要重新设置整个输入字段的样式，否则边框将从默认浏览器样式更改（每个浏览器都不同）。

类似地，更改背景颜色会弄乱输入字段的边框。

理想情况下，我希望能够更改背景颜色而不会弄乱默认浏览器的边框样式。这甚至可能吗？考虑到我想尽可能多地保留浏览器的样式规则，这里有什么好的方法？

Answer 1

我还没有找到这个...无论如何，建议您使用set the default border 和任何输入的背景颜色，以便在所有浏览器中保持一致。如果您这样做，您可以随意设置输入样式。

除此之外，标准似乎是：

• 设置输入的边框和背景
• 向用户显示一条消息，告诉他们出了什么问题
• 一个不错的方法可以是点击消息的点，从而将焦点转移到问题上
• 让用户关注不正确的输入
• 在所有必填字段旁边加一个 *。

回到边界，有一些似乎被大多数人使用的标准颜色，如果你愿意，我可以提供：

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

希望对您有所帮助。如果您需要更多，或者我还没有完全解决您之后的问题，请告诉我。