Chrome浏览器自动填充去除的效果background-color，并background-image从Username与Password输入字段。
自动完成之前
自动完成后
但是Chrome浏览器的自动完成功能会在输入中隐藏我的图标，也更改了我的图标background-color。所以我需要我的图标原样保留在输入中。
是否可以阻止Chrome浏览器更改字段的背景色并隐藏图像？
.form-section .form-control {
border-radius: 4px;
background-color: #f7f8fa;
border: none;
padding-left: 62px;
height: 51px;
font-size: 16px;
background-repeat: no-repeat;
background-position: left 17px center;
}
.form-section .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.form-section .form-group {
margin-bottom: 21px;
}
.form-section .form-control[type="email"] {
background-image: url('https://i.stack.imgur.com/xhx3w.png');
}
.form-section .form-control[type="password"] {
background-image: url('https://i.stack.imgur.com/910l0.png');
}
.form-btn {
padding:10px;
background-color: #65a3fe;
border: none;
color: #ffffff;
font-size: 18px;
font-weight: 700;
}<div class="form-section">
<form>
<div class="form-group">
<input title="Email" type="email" class="form-control" name="email" placeholder="Your email address" value="">
</div>
<div class="form-group">
<input title="Password" type="password" class="form-control" name="password" placeholder="Your Password">
</div>
<button type="submit" class="btn btn-primary form-btn">Log in</button>
</form>
</div>展开摘要
转载请注明出处:http://www.lsql.net/article/20230517/862819.html