【发布时间】：2014-02-13 03:53:29
【问题描述】：
我正在使用 HTML5 验证来验证表单。验证过程有效，但问题在于验证消息在 Android 版 Chrome 中的显示方式。
我该如何解决这个问题？每次我测试时都会发生这种情况。
【问题讨论】：
-
您不能再在 webkit 中编辑样式...superuser.com/questions/712727/…
标签： android html validation google-chrome
【发布时间】：2014-02-13 03:53:29
【问题描述】：
看来你有两个问题：
- 较旧的 webkit 版本的 shadowdom 可以使用通用选择器作为目标。即：
form.my-form div尝试使用类作为最后一个选择器部分：.my-form .my-div。也许你还应该检查是否需要解决* {box-sizing: content-box;}。或者，您可以通过使用 webkit 伪代码重新添加正确的样式来修复这些样式：http://trac.webkit.org/wiki/Styling%20Form%20Controls#Formvalidationmessage 和 http://trac.webkit.org/wiki/Styling%20Form%20Controls#WebKitr82180orlater - 我不确定这是否正在发生，这里（您的图片不清楚）。在较旧的 webkit 版本中存在溢出错误。不要使用 overflow: hidden 和定位元素作为表单字段的包装器
【讨论】：