Using 本文,我正在更改一些 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;
}
Try:
input::-webkit-validation-bubble-icon {
display: none;
}
或者,当然:
input::-webkit-validation-bubble-icon {
background: url(http://google.com/favicon.ico);
}
Jsfiddle在这里:http://jsfiddle.net/xhqhV/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)