如何更改HTML5表单验证消息中的图像？

Question

使用这篇文章,我正在改变我的一些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/