如何修复Chrome for Android中损坏的验证气泡样式？

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

---

我怎样才能解决这个问题？每次我测试时都会发生这种情况。

您似乎有两个问题：

旧webkit版本的shadowdom可以使用常规选择器作为目标。例如：

form.my-form div

尝试使用类作为最后一个选择器部分：

.my-form.my div

。Maybee您还应该检查是否需要解决

*{box size:content box；}

。Alternativley您可以通过使用webkit pseudos重新添加正确的样式来修复这些样式：和

我不确定这是否发生在这里（你的照片不清楚）。旧版本的webkit中存在溢出错误。不要使用overflow:hidden和positioned元素作为表单字段的包装

---

您不能再编辑webkit中的样式。。。