html - 样式化默认验证工具提示

Question

是否可以设置默认工具提示的样式？这是一个 JSFiddle演示默认工具提示。

<form>
    <input type="text" placeholder="Submit without entering value" required>
    <input type="submit">
</form>

Answer 1

您不能更改“默认工具提示”(HTML5 验证气泡)- 它由浏览器供应商和其他几个参数(如浏览器语言)决定。

但是，您可以防止验证气泡 - 通过执行类似的操作

<input placeholder="Lorem ipsum..." required oninvalid="myCustomFunction()" />

从现在开始，您可以使用 myCustomFunction 开发自己的泡泡。

Reference.