スタイリングのデフォルトの検証ツールチップ

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

使用スタイルのプレースホルダーテキスト

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

Answer 3

この記事はきれいな可能性

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