VerwendenDieser BeitragIch ändere das Design einiger meiner HTML5-Popups zur Formularüberprüfung. Meine Fehler-Popups haben jedoch neben dem neuen roten X, das ich hinzugefügt habe, immer noch das orangefarbene Standardausrufezeichen im Fehler. Wie entferne ich das orangefarbene Ausrufezeichen (siehe Abbildung unten)? Bisher teste ich nur in Chrome.

Hier ist das CSS, das ich aus diesem Artikel verwende:

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