chrome浏览器自动填充的样式有时候会影响到系统即有的界面样式,需要去除浏览器自带的样式,思路是通过设置背景阴影覆盖原来的样式
input:-webkit-autofill {
box-shadow: 0 0 0px 1000px rgba(41,60,86,1) inset !important;
-webkit-box-shadow: 0 0 0px 1000px rgba(41,60,86,1) inset !important;
border: 0px solid #CCC!important;
-webkit-text-fill-color: #FFF;
}
其中字体颜色、长度、边框等属性需要根据实际情况设置