完美解决chrome input自动填空填充造成的黄色底图标丢失问题

<style>

.user {background:url("32.png");background-repeat:no-repeat; background-position: 5px center;}

.icon-position {z-index:3;position:relative;height:40px;width:37px;}

.input-position {margin-top:-40px;padding-left:40px;width:340px;}

.input-style {border:1px solid #dedede;border-radius:4px;font-size:14px;font-family:微软雅黑,黑体;vertical-align:middle;height:40px;line-height:40px;outline:0px;}

</style>

<div>


   <div class="user icon-position"></div>


   <input type="text" class="input-position input-style" name="username" id="username" placeholder="登录账号" />


</div>


截图:



直接打包测试:

nochromefill.rar


本文为3YL原创,转载无需联系,但请注明来自labisart.com。

原创文章不易,如果觉得有帮助,可打赏或点击右侧广告支持:

查看打赏记录

发表评论请遵守党国法律!后台审核后方可显示!
  • 最新评论
  • 总共0条评论
  • Blog v1.1© 2021 labisart.com 版权所有 | 联系:labartwork@163.com