Как изменить позицию окна управления паролем браузера с помощью CSS

Question

У меня есть страница входа.На этой странице у меня есть поле пароля и для этого поля пароля я установил индикацию клавиши Caps Lock.Когда клавиша Caps Lock включена, DIV, созданный мной, отображается под полем пароля в качестве всплывающей подсказки.

Форма входа Caps Lock клавиша On Индикация всплывающей подсказки

НоМоя проблема заключается в том, что когда мы сохранили в браузере, за подсказкой DIV скрывается всплывающая подсказка «Caps Lock», которая отображается в браузере.

Форма входа с паролем управленияОкно, показанное браузером и индикация Caps Lock On, скрывается за ним.

Я хочу, чтобы решение могло быть обработано с помощью CSS и javascript.Чтобы при обнаружении окна «Управление паролем» позиция подсказки DIV индикатора Caps Lock сменилась на левую сторону, однако подсказка отображается правильно.

Пожалуйста, предоставьте решение для каждого браузера.в основном для (Google Chrome, Internet Explorer и Mozilla Firefox.)

Answer 1

Вы можете попробовать использовать относительное позиционирование в CSS, то есть:

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