0

I have a form input element:

<input type="password" id="password" name="password" class="form-control" size="25" autocomplete="off" required>

I am styling it as such:

.form-control {
  background-color: #010101;

  &:-internal-autofill-selected {
    background-color: #010101 !important;
  }
}

But for some reason I'm getting a white RGB color appearing instead of the black background.

When I inspect the element I see the below:

enter image description here

When I click the color style to view wherer it is set it just shows me my CSS above with the dark background color.

Would anyone know where this colour is coming from?

MeltingDog
  • 12,714
  • 38
  • 143
  • 270
  • 1
    Does this answer your question? [is Google Chrome Auto fill background color changed in Version 72.0?](https://stackoverflow.com/questions/54941772/is-google-chrome-input-auto-fill-background-color-changed-in-version-72-0) – D M Jan 22 '21 at 04:32
  • it's right there in your inspector `input:-internal-autofill-selected` – Eaten by a Grue Jan 22 '21 at 04:32
  • Does this answer your question? [How to avoid "-internal-autofill-selected" style to be applied?](https://stackoverflow.com/questions/61083813/how-to-avoid-internal-autofill-selected-style-to-be-applied) – Eaten by a Grue Jan 22 '21 at 04:33
  • 1
    probably a better dupe target: https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete – Eaten by a Grue Jan 22 '21 at 04:35
  • @billynoah no luck implementing those solutions sorry – MeltingDog Jan 22 '21 at 04:38
  • 1
    just because those solutions don't work for you (or no longer work in current browser) doesn't mean it's not a dupe question. if you still think it's not, please add an MCVE, your browser, os, versions, etc, so we can see the difference. – Eaten by a Grue Jan 22 '21 at 04:51

0 Answers0