点击input消除默认背景颜色:focus

1.在谷歌浏览器会出现默认点击input框黄色背景，如何去除？

 

//消除google浏览器黄色框
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
/*背景颜色*/

box-shadow:0 0 0 60px #eee inset; 

/*字的颜色*/

-webkit-text-fill-color: #878787;}

 

 2. 去掉所以点击时背景有边框或者虚框加个样式就行，如：

:focus{ outline: none;}

 加完样式之后：

 

 

转载于:https://www.cnblogs.com/huanghuali/p/9893160.html