无效的选择器webkit-credentials-auto-fill-button

Question

我试图设置下面Safari上密码字段中显示的关键图标的样式：

我正在尝试以下方法：

＆＃13;

＆＃13;

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

＆＃13;

<input type="password" class="form-control form-control-lg" name="password" ngModel required placeholder="password">

＆＃13;

＆＃13;

＆＃13;

但那不起作用。知道为什么吗？

Answer 1

关于样式化这些元素的不直观之处在于您需要使用background-color：

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

此处已有类似-webkit-contacts-auto-fill-button元素的答案：

Safari - Webkit contacts autofill button icon change color on empty