当我们输入密码, 遇到自动填充密码时,点击密码会出现一个淡色的背景颜色,我们需要将其去掉,设置成透明的背景颜色,废话不多说,直接上代码
.shortInput {
background-color:transparent;
text-align: center;
font-size: 20px;
float: left;
width: 40px;
height: 40px;
color: #333;
outline: #ff0067;
border: 1px solid #ccc;
&:not(:last-child) {
border-right: none;
}
&:first-child {
border-radius: 5px 0 0 5px;
}
&:last-child {
border-radius: 0 5px 5px 0;
}
&:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: transparent !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
background-color:transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
}
}