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

时间:2016-04-11 10:08:05

标签: css google-chrome autocomplete

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 个答案:

答案 0 :(得分:3)

caret-color适合我:

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