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