在浏览器中选择浏览器记住的内容,会使输入框背景变色
查询得知浏览器会加入了-webkit-autofill 的伪类
但是直接在-webkit-autofill 中修改背景颜色无效
这是因为在浏览器还加入一个无法修改的伪类 -internal-autofill-selected
所以正确的做法是:通过box-shadow改变背景色
input:-webkit-autofill {
box-shadow: 0 0 0px 1000px ${color.bg} inset;
-webkit-text-fill-color: ${color.text};
caret-color: ${color.text};
}