樣式默認驗證工具提示

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/