原文：https://www.codecasts.com/blo...什么是表单自动填充？本文所说的表单自动填充是指：浏览器识别网页中的表单。Fields，提供一个功能，可以让用户自动填写，如上图GIF所示，流程为自动填写。而我们需要自定义的样式就是图中黄色的部分。您是否注意到上图中电子邮件的表单字段？自动填充后，它有一个黄色的背景，很多时候会和我们原来的网页配色不兼容。因此，让我们自定义此自动填充的样式。解决方法其实很简单，我们可以使用-webkit-autofill来设置自动填充的样式，就像我们常规的CSS一样，我们可以定义它的border和font-size等，至于背景颜色，我们可以使用-webkit-box-shadow来指定，字体的颜色是使用-webkit-text-fill-color设置的，所以最终的CSS代码大概是这样的：:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus{borrder:none;-webkit-文本填充颜色：#000；//自定义字体颜色-webkit-box-shadow:000px1000px#fffinset;//背景颜色过渡:background-color5000sease-in-out0s;font-weight:500;}一个流行的解决方案可以类似于上面，这段代码可以直接放在你的CSS文件中。效果如下图所示。注意我们没有黄色背景：如果你想为不同的表单类型（input、textarea、select等）修改不同的autofill样式，你可以将input和textarea添加到-webkit-autofill前缀，例如，输入的设置可以是这样的：input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{border:none;-webkit-text-fill-color:#000;-webkit-box-shadow:000px1000px#fff插图；过渡：背景颜色5000s缓入缓出0s；font-weight:500;}同样可以分别设置textarea和selectform。
