修改 我用最少的HTML和没有 CSS:
设置了一个干净的小提琴<form>
<input type="text" required />
<input type="submit" required />
</form>
结果:
链接: https://jsfiddle.net/d1d9g7sw/
这个结果反映在我自己的测试模板中,我希望左边对齐所需的消息气泡。看起来,这只发生在Google Chrome上。我当前的版本(最新):版本59.0.3071.115(Offizieller Build)(64位)
答案 0 :(得分:0)
浏览器的默认警报框,您无法定位。相反,您可以根据您的要求使用自定义警报框和位置。
答案 1 :(得分:0)
您无法设置浏览器通用验证工具提示的样式。有一个很好的理由,Chrome开发人员从:: - webkit-validation-bubble pseudoelement辞职。
我可以建议您使用替代JS验证器并根据需要设置自己的工具提示。
我的提示是parsley.js lib