将输入字段标记为无效

时间:2010-02-08 04:24:40

标签: html css forms

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

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

类似地,更改背景颜色会混淆输入字段的边框。

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

1 个答案:

答案 0 :(得分:2)

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

除此之外,标准似乎是:

  • 设置输入的边框和背景
  • 向用户显示一条消息,告诉他们出了什么问题
  • 一个不错的触摸可以让点击消息的点数,使焦点转向问题
  • 将用户聚焦到不正确的输入
  • 在任何必填字段旁边添加*。

回到边境,大多数人都会使用标准颜色,如果您愿意,我可以提供:

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

希望有所帮助。如果你需要更多,或者如果我还没有完全解决你所追求的目标,请告诉我。