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

前端之家收集整理的这篇文章主要介绍了css – 删除Chrome自动填充的输入光标颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在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;
}

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

谢谢你的建议!

最佳答案
插入颜色对我有用:

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

猜你在找的CSS相关文章