首页 文章

删除Chrome自动填充的输入光标颜色?

提问于
浏览
5

我在Chrome自动填充后遇到光标颜色问题 .

我有白色的输入字段(电子邮件和密码),当字段为空并且用户键入文本时,文本和光标都是白色 . 但是当chrome对此字段使用自动完成时,文本仍为白色,但当字段光标中的用户类型变为白色时,光标为黑色,当从chrome自动完成列表中选择时,它为黑色 . chrome自动完成列表中的文本颜色为黑色,看起来像效果输入光标 .

我已经尝试了下一个输入样式但没有效果 .

input {
  color: white !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: white !important;
  color: white !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  color: white !important;
 -webkit-text-fill-color: white !important;
}

那么,我能以某种方式修复它吗?

谢谢你的建议!

1 回答

  • 3

    caret-color 适合我:

    input:-webkit-autofill {
      caret-color: white;
    }
    

相关问题