如何使用CSS更改浏览器的管理密码窗口的位置

Question

我有一个登录页面。在该页面中，我有密码字段，并为该密码字段设置了Caps Lock键指示。当您按下Caps Lock键时，密码栏下方会显示我创建的DIV，作为工具提示。

Login Form Caps Lock key On Tooltip Indication

但是我的问题是，当浏览器保存完后，“ Caps Lock Key on”（打开大写锁定键）工具提示DIV隐藏在浏览器显示的管理密码气泡后面。

Login Form with the manage password Window show by the Browser and the Caps Lock On Indication DIV is hiding behind it.

我想要解决方案，我们可以借助CSS和javascript处理它。因此，当将检测到“管理密码”窗口时，大写锁定指示器DIV工具提示位置应更改为左侧，但工具提示正确可见。

请为每个浏览器提供解决方案。主要用于（谷歌浏览器，Internet Explorer和Mozilla Firefox。）

Answer 1

您可以尝试在CSS中使用相对定位，即：

#caps-lock-indicator {
   position: relative;
   top: -5px;
}