禁用Webkit浏览器上的大写锁定指示符

Question

如果您使用的是Chrome的最新版本，或者是每晚构建的Webkit，您会发现密码字段在浏览器本身中有一个很好的新大写锁定指示符。

据我所知，似乎没有任何与此指标相关的样式更改。因此，我没有找到一种方法来禁用它，因为我们公司使用样式化的JavaScript解决方案来实现跨浏览器的大写锁定指标。

有没有人知道在Webkit浏览器中禁用此指标的方法？

Answer 1

为密码文本输入添加大写锁定指示符实际上是Mac OS X的一项功能，而不是Chrome / Webkit特有的功能。在Windows和Linux版本的Chrome中，没有大写锁定指示符。

我确实发现在密码字段中添加display: block会导致指标在Chrome和Safari中消失。但是，鉴于display与大写锁定指标完全无关，我认为这是一个可能在将来修复的实现细节（临界错误）。

Answer 2

对于5年后的价值，我通过设置

解决了这个问题

input::-webkit-caps-lock-indicator {
    content: none;
}

可能不是最干净的解决方案，但可以完成工作;

Answer 3

该功能不能通过JavaScript编写脚本。它在浏览器代码本身内部。浏览器中可能有一个设置，但网页无法控制它。

Answer 4

我认为查看-webkit-appearence: caps-lock-indicator可以帮助您解决此问题。