Как изменить изображение в проверочном сообщении формы HTML5 -?

Используя эту статью , я изменяю стиль некоторых моих HTML5-форм -всплывающих окон проверки -. Тем не менее, мои сообщения об ошибках -по-прежнему имеют оранжевый восклицательный знак по умолчанию в ошибке в дополнение к новому красному X, который я добавил. Как избавиться от оранжевого восклицательного знака (см. изображение ниже ). Пока тестирую только в Хроме.

Вот 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;
}