如何更改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/