我正在创建一个在
jQuery Validation以下验证的表单.我想为无效的输入应用浅红色背景颜色,需要更正.
当我应用背景颜色：#FFCCCC;对于输入,有吸引力的造型似乎被删除,硬边框替代它.例如,使用Firefox中的文本输入：
Styled and unstyled text input http://liranuna.com/strager/b/textbox-difference.png
(Live demo)
这与几个浏览器发生.如果我设置了#FFFFFF以外的任何背景,也会发生这种情况.
在应用背景颜色时是否有保留样式的方法？
我开放的Javascript解决方案模仿的风格不知何故.
解决方法
对不起 – 输入元素的任何形式往往会破坏其操作系统/浏览器默认值.默认输入以完全不同的方式呈现 – 不幸的是,它们不像将CSS样式编入浏览器.
在这里做的最好的事情是,而不是试图使你的红色背景输入模仿正常的,创造自己的有吸引力的造型！如果您喜欢这些轻微的边框,请使用border：1px #ccc solid.如果你喜欢圆角,利用border-radius和-moz-border-radius – 对于那些处于浏览器开发边缘的人来说,他们会有’em.对于那些没有的人,他们不会注意到差异.
简而言之,不要尝试使输入与操作系统环境相适应,而是将其设计为您自己的站点的外观和风格.这将为您的网站整体创造更好的设计:)
