仅使用HTML5 / CSS3更改验证样式是不可能的。
它是浏览器的一部分。我发现要更改的唯一属性是使用以下示例的错误消息:
document.getElementById("name").setCustomValidity("Lorum Ipsum");但是,如本例所示:http : //jsfiddle.net/trixta/qTV3g/,您可以使用jQuery覆盖面板样式。这不是插件,而是核心功能,使用称为Webshims的DOM库,当然还使用一些CSS设置弹出窗口的样式。
我在标题为的错误文章中发现了一个非常有用的示例Improve form validation error panel UI。
我认为这是您可以找到的最佳解决方案,并且是覆盖基本(难看)错误面板的唯一方法。



