如何在Chrome for Android中修复损坏的验证模式？

Question

我正在使用HTML5验证来验证表单。验证过程有效但问题是验证消息在Chrome for Android中的显示方式。

我该如何解决这个问题？每次测试都会发生这种情况。

Answer 1

看来你有两个问题：

1. 旧版webkit版本的影子可以通过常规选择器进行定位。 I.e。：form.my-form div尝试使用类作为最后一个选择器部分：.my-form .my-div。也许您还应该检查* {box-sizing: content-box;}是否需要解决。 Alternativley你可以通过使用webkit pseudos重新添加正确的样式来修复这些样式：http://trac.webkit.org/wiki/Styling%20Form%20Controls#Formvalidationmessage和http://trac.webkit.org/wiki/Styling%20Form%20Controls#WebKitr82180orlater
2. 我不确定这是发生了什么，这里（你的照片不清楚）。旧webkit版本中存在溢出错误。不要使用溢出：隐藏定位元素作为表单字段的包装