html - 将输入字段标记为无效

Question

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

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

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

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

Answer 1

我还没有找到这个......无论如何，推荐的一件事是你set the default border和任何输入的背景颜色，因此它在所有浏览器中都是一致的。如果您这样做，您可以随意设置输入的样式。

除此之外，标准似乎是:

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

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

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

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