Wie kann ich das Bild in einer HTML5-Formularüberprüfungsnachricht ändern?

Question

Mit this article ändere ich das Design einiger meiner HTML5-Formularprüfungs-Popups. Meine Fehler-Pop-ups haben jedoch zusätzlich zu dem neuen roten X, das ich hinzugefügt habe, immer noch das standardmäßige, orange Ausrufezeichen im Fehler. Wie entferne ich das orange Ausrufezeichen (siehe Bild unten). Bisher teste ich nur in Chrome.

Hier ist die CSS, die ich aus diesem Artikel bin mit:

::-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

Versuchen:

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

oder natürlich:

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

JFiddle hier: http://jsfiddle.net/xhqhV/