Disable cap lock indicator in Webkit browsers.

Question

If you are in the latest version of Chrome or in the nightly build of Webkit, you will notice that in the password fields there is a new cover lock indicator, baked directly in the browser itself.

As far as I can tell, there are no style changes associated with this indicator. Thus, I was not lucky to find a way to disable it, as our company uses a JavaScript-developed solution for cross-browser indicators of blocking.

Does anyone know how to disable this indicator in Webkit browsers?

Answer 1

Adding a cap lock indicator to password text entries is actually a feature of Mac OS X, not something special for Chrome / Webkit. Chrome versions for Windows and Linux do not have a cap lock indicator.

I found that adding display: block in the password field made the indicator disappear in both Chrome and Safari. However, given the fact that display has nothing to do with the lid lock indicator, I would consider this detail (border error), which may be fixed in the future.

Answer 2

for what costs 5 years later, I solved it by setting

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

It may not be the cleanest solution, but it does the job;

Answer 3

This feature is not available for scripting from JavaScript. This is inside the browser code itself. There may be a setting in the browser, but web pages have zero control over it.

Answer 4

I think the search -webkit-appearence: caps-lock-indicator can help you solve this problem.