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