<div class="wrapper">
  <label>
    background-color - OK:
    <input class="bgfix" type="text" autocomplete="name">
  </label>
  <label>
    background-color - NG:
    <input type="text" autocomplete="name">
  </label>
</div>

.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
input {
  margin-top: 2rem;
  outline: none;
  border: 3px solid red;
  &:-webkit-autofill {
    background-color: green;
  }
  &:autofill {
    background-color: green;
  }
  &.bgfix {
    &:-webkit-autofill {
      box-shadow: 0 0 0 2rem green inset;
    }
    &:autofill {
      box-shadow: 0 0 0 2rem green inset;
    }
  }
}