如图所示,浏览器自动填充时背景变成白色,我想要的就像下面的输入,所以背景是透明的。
f0brbegy1#
用box-shadow设置以下属性,就像这样。你想要的背景色应该在那里,在方框阴影中。使用transparent不起作用,但是你可以尝试为rgba设置alpha值
box-shadow
transparent
rgba
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #0F0F0F inset !important; }
如果Firefox和Internet Explorer中的自动完成也会改变背景,那么您可能还需要使用-moz-autofill和ms-autofill。
-moz-autofill
ms-autofill
nzk0hqpo2#
可以使用:-webkit-autofill编辑自动填充样式
:-webkit-autofill
:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #000 inset; }
2条答案
按热度按时间f0brbegy1#
用
box-shadow
设置以下属性,就像这样。你想要的背景色应该在那里,在方框阴影中。使用transparent
不起作用,但是你可以尝试为rgba
设置alpha值如果Firefox和Internet Explorer中的自动完成也会改变背景,那么您可能还需要使用
-moz-autofill
和ms-autofill
。nzk0hqpo2#
可以使用
:-webkit-autofill
编辑自动填充样式