我正在创建一个在jQuery Validation下验证的表单.我想将浅红色背景颜色应用于无效且需要更正的输入.
当我应用于background-color: #FFCCCC;输入时,有吸引力的样式似乎被删除,硬边框取代它.例如,在Firefox中输入文本:
样式和非样式文本输入http://liranuna.com/strager/b/textbox-difference.png
(现场演示)
这种情况发生在几个浏览器 如果我设置background除了以外的任何其他,也会发生#FFFFFF.
有没有办法在应用背景颜色时保留样式？
我对Javascript解决方案持开放态度,以某种方式模仿风格.
Mat*_*chu 15
抱歉 - 输入元素上的任何样式都会破坏其操作系统/浏览器默认值.默认输入以完全不同的方式呈现 - 不幸的是,它们不像CSS风格一样被编码到浏览器中.
在这里做的最好的事情是,而不是尝试让你的红色背景输入模拟正常的,创建自己的吸引力的风格!如果您喜欢那些浅色边框,请使用border: 1px #ccc solid.如果你喜欢圆角,充分利用border-radius和-moz-border-radius-对于那些谁在浏览器发展的边缘,他们将有"时间.对于那些没有的人,他们不会注意到差异.
简而言之,不要试图使输入适合OS环境,而是将它们设置为您自己网站的外观和感觉.这将为您的网站创建更好的设计:)
