Отключить жёлтую обводку после использования автозаполнения

Пытаюсь не отключая полностью autofill убрать всё то, что он приносит в стили css. Пока что получилось всё, кроме жёлтой обводки(видно на скриншоте). Она возникает после того, как user этот самый autofill использовал. Как её убрать - не знаю, подскажите, пожалуйста.

Вот весь код, что относится к полям input

.login_input{
  background-color: black;
  color: white;
  border-radius: 2vh;
  height: 4vh;
  width: 12vw;
  border: 0.2vh solid rgba(255, 255, 255, 0.7);
  outline:none;
  text-align: center;
  font-size: calc(10px + 0.5vw);
}
.login_input:focus{
  border: 0.3vh solid rgba(255, 255, 255, 1);
  border-radius: 2vh;
  outline:none;
}
.login_input:-webkit-autofill,
.login_input:-webkit-autofill:hover,
.login_input:-webkit-autofill:focus{
    -webkit-text-fill-color: white;
    box-shadow:inset 0 0 0 1000px #000;
    border: 0.2vh solid rgba(255, 255, 255, 0.7);
}

а вот как это выглядит.


Ответы (0 шт):