HTML5フォーム検証メッセージ内の画像を変更するにはどうすればよいですか？

Question

this articleを使用して、HTML5フォーム検証ポップアップのスタイリングを変更しています。しかし、私のエラーポップアップには、まだ追加されている新しい赤いXに加えて、エラーのデフォルトのオレンジ色の感嘆符が残っています。オレンジ色の感嘆符を取り除くにはどうすればよいですか（下の画像を参照）。これまでのところ、私はChromeでのみテストしています。ここで

私はその記事から使用していCSSです：

::-webkit-validation-bubble-message 
{ 
    color: #eee; 
    background: #000; 
    border-color: #444; 
    -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.5); 
} 

::-webkit-validation-bubble-message:before { 
    content: ""; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 
    margin-right: 4px; 
    background: url(/myPath/myImage.png) 
} 

::-webkit-validation-bubble-arrow { 
    background: #000; 
    border-color: #444; 
    -webkit-box-shadow: 0 0 0 0; 
} 

Answer 1

試してみてください。

input::-webkit-validation-bubble-icon { 
display: none; 
} 

または、もちろん：

input::-webkit-validation-bubble-icon { 
background: url(http://google.com/favicon.ico); 
} 

Jsfiddleここをクリック：http://jsfiddle.net/xhqhV/