css 当我们在input中输入数据时,对浏览器的自动填充设置样式

vulvrdjw  于 2022-12-30  发布在  其他
关注(0)|答案(2)|浏览(204)

如图所示,浏览器自动填充时背景变成白色,我想要的就像下面的输入,所以背景是透明的。

f0brbegy

f0brbegy1#

box-shadow设置以下属性,就像这样。你想要的背景色应该在那里,在方框阴影中。使用transparent不起作用,但是你可以尝试为rgba设置alpha值

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-autofillms-autofill

nzk0hqpo

nzk0hqpo2#

可以使用:-webkit-autofill编辑自动填充样式

:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
}

相关问题