样式化默认验证工具提示答案

【问题标题】：Styling default validation tooltip样式化默认验证工具提示
【发布时间】：2016-08-13 07:11:52
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

的操作

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

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

【讨论】：

【解决方案2】：

这篇文章很好地总结了可能性

【讨论】：

【解决方案3】：

使用这个 css 来设置占位符文本的样式

::-webkit-input-placeholder { /* Chrome */
  color: red;
}

【讨论】：