素材巴巴 > 程序开发 >

消除input框自动填充背景色

程序开发 2023-09-02 20:30:12

有时form表单不是纯白色,浏览器自动填充后会有背景色,很影响美观,像这样:

在这里插入图片描述
利用伪类来消除白色的背景色:

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset;transition: background-color 5000s ease-in-out 0s;
 }
 

效果如下:

在这里插入图片描述
自动填充的字体颜色默认是黑色,如若改变自动填充的字体颜色,可用:

-webkit-text-fill-color:  green;
 

参考链接:https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/


标签:

上一篇: Angular4环境安装 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。