我目前正在开发一个应用程序，该应用程序使用html5必需的标记和jquery验证插件来确保在提交表单之前填写所有字段。我希望错误消息看起来一样，但我真的不知道从哪里开始寻找每个浏览器用来处理html5中所需标记的样式。有什么方法可以获取浏览器用于所需标记的CSS吗？（我可以自己硬编码一个.必需的类，但我至少想找到一个浏览器的样式，因为从我所看到的来看，它们都比我所知道的要好！）
谢谢！
您可以尝试使用浏览器检查器（Chrome中的F12或右键单击->inspect元素，但我不知道您是否可以针对它）来获取这些样式。如果你是一个新的开发人员，正如你所说，你可能会发现SnappySnippet Chrome插件非常方便。它允许您将上次检查的元素的样式（使用检查器）发送到CodePen或JSFiddle。
无论如何，如果您不能用检查器定位消息，您可以找到基于webkit的浏览器的默认样式。在这里，只需搜索::-webkit-validation-bubble
据我所知，Chrome使用了"callout"类型的形状。这并不完全相同，但你可以在这个网站上创建类似的东西：http://csstooltip.com/
在Firefox中，您需要做的是创建一个示例页面，右键单击元素（输入字段）并选择"检查元素"。完成后，您应该可以单击屏幕右侧的"计算样式"选项卡，然后可以选中底部的"浏览器样式"复选框。这将显示浏览器的功能。
顺便说一句，如果你需要一些可以非常容易地运行的测试代码，下面的应该可以很好地工作：
<html>
<head><title>test</title></head>
<body>
<form name="input" action="#" method="get">
<input type="text" required placeholder="example"/>
<input type="text" required placeholder="example" />
<input type="submit" value="submit" />
<form>
</body>
</html>
祝你好运！