Invalid selector webkit-credentials-auto-fill-button

css, safari

Solution

The unintuitive thing about styling these elements is that you need to use `background-color`:

input::-webkit-credentials-auto-fill-button {
    background-color: white;
}

There is already an answer for the similar `-webkit-contacts-auto-fill-button` element here:

Safari - Webkit contacts autofill button icon change color on empty

Problem

I'm trying to style the key icon that appears in the password field on Safari below: I'm trying the following: ``` input::-webkit-credentials-auto-fill-button { color: white; } ``` ``` <input type="password" class="form-control form-control-lg" name="password" ngModel required placeholder="password"> ``` but that's not working. Any idea why?

Original source

Related problems