样式默认验证工具提示

Question

可以样式默认工具提示吗？这是一个JSFiddle，演示了默认的工具提示。

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

Answer 1

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

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

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

从现在起，用myCustomFunction你可以开发自己的泡沫。

Reference.

Answer 2

使用该CSS样式占位符文本

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

Answer 3

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

>>http://developer.telerik.com/featured/building-html5-form-validation-bubble-replacements/