删除 Chrome 自动完成的输入光标颜色？

Posted 2023-02-22

【中文标题】删除 Chrome 自动完成的输入光标颜色？

【英文标题】：Removing input cursor colour for Chrome autocomplete?

【发布时间】：2016-08-01 10:28:04

【问题描述】：

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】：

caret-color 为我工作：

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