chrome表单自动填充导致input文本框背景变成偏黄色问题

你曾遇到过吗？

困扰宝宝好久的问题，本以为是什么插件导致的，结果是chrome浏览器自动填充文本时默认的样式，搜嘎。

一、修改自动填充input文本框背景色：

---

使用以下代码 可以设置自己的想要的默认文字背景色 和 字体色

box-shadow: 0 0 0px 1000px #d8ebff inset;// 以0,0原点，模糊距离为0px，像内部模糊1000px的内阴影 则可把黄色盖住
-webkit-text-fill-color:#d85151;

二、如果想设置placeholder的样式 可以这样设置：

---

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color:red;
    background:gray;
}

如图所示：

三、如果想直接修改input或者textarea的样式，则直接用普通的方式就OK