在'：-webkit-autofill'

Question

我的应用使用黑色背景，并且我也尝试将输入的背景设置为黑色。我遇到的问题是chrome将这种蓝色背景和黑色文本颜色添加到自动完成的输入中。这是我找到的解决方案：

.input, .input:-webkit-autofill, .input:-webkit-autofill:hover {
  box-shadow: 
    inset 0 -3px 0 0 rgba(255, 255, 255, 0.2), /* My custom shadow */
    inset 0 0 0 5rem black!important; /* Cancelling autocomplete background */
  color: white;
}

这确实有效，但是存在一个问题：chrome实际上没有添加color属性，而是添加了-webkit-text-fill-color: black。问题是我无法取消它。我已经尝试过-webkit-text-fill-color: unset!important和-webkit-text-fill-color: initial!important。两者都显示在“计算样式”开发工具窗口中，但是应用的颜色仍然是黑色。

我还尝试设置-webkit-text-fill-color: white。可以，但是在这种情况下，白色会应用于<input>中的任何文本，包括应为灰色而不是白色的占位符。我也无法使用:placeholder伪选择器更改占位符颜色。有什么解决办法吗？