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

【问题标题】：How to Change the Position of Manage password window of Browser using CSS如何使用 CSS 更改浏览器管理密码窗口的位置
【发布时间】：2020-01-27 03:29:48
【问题描述】：

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

但我的问题是，当我们通过浏览器保存时，“Caps Lock Key on”工具提示 DIV 隐藏在浏览器显示的管理密码气泡后面。

我想要解决方案，我们可以在 CSS 和 javascript 的帮助下处理它。因此，当检测到管理密码窗口时，Caps Lock 指示器 DIV 工具提示位置应更改为左侧，但工具提示正确可见。

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

【问题讨论】：

您可以尝试将“Caps Lock Key on”工具提示显示在顶部以避免重叠吗？
我的要求是，当“管理密码”窗口仅在这种情况下检测到工具提示移到左侧时。 rest 将在下面显示为当前行为。

标签： javascript html css extjs browser

【解决方案1】：

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

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

【讨论】：

我想动态处理它。当“管理密码”窗口仅在这种情况下检测到工具提示移至左侧时。其余将显示在密码字段下方。