在chrome中的密码字段上使用setCustomValidity的不可读文本

Question

如果我在html5表单密码字段中使用setCustomValidity设置错误消息，它会弹出气泡或星号，就像密码字段本身一样，会导致无法读取的消息。

这是一个jsfiddle，用于演示我的意思：http://jsfiddle.net/LcfuQ/1/

这适用于Firefox 4，但我使用Google Chrome获得了这种奇怪的行为。有人知道解决方法，或者某种方法来解决这个问题吗？

编辑：已在版本12 +

中修复此问题

Answer 1

这似乎是Chrome的问题

当输入类型=“密码”时，即使对于HTML5，星号也会显示在字符的位置。

在Chrome http://jsfiddle.net/idiotsden/RdwMw/中查看此小提琴。它适用于ff4。

解决方法是使用jquery工具。你可以在这里看到工作教程

http://flowplayer.org/tools/demos/validator/custom-validators.html

Answer 2

这是一个带有-webkit-text-security CSS属性的WebKit错误，无法覆盖。它可能已在WebKit Bugzilla上报告，但如果不是，您可能需要报告。