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;
}
那么,我能以某种方式修复它吗?
感谢您的建议!
答案 0 :(得分:3)
caret-color
适合我:
input:-webkit-autofill {
caret-color: white;
}