input placeholder 在chrome 浏览器自动填充时，背景色覆盖原有背景图片问题。

user-block-name, .user-block-pwd {
    margin-bottom: 10%;
    text-align: center;
    position: relative;
}

    .user-block-name .name, .user-block-pwd .pwd {
        width: 66%;
        line-height: 18px;
        /*border-radius: 4px;*/
        padding: 5px 3px;
        position: relative;
        /*padding-left: 35px;*/
        background-position: 8px 12px;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        font-size: 14px;
        /*background-color: rgba(0,0,0,0.3);*/
        background-color: transparent;
        color: #fff;
        border-bottom: 1px solid #eaeaea;
    }

/* WebKit browsers */
        .user-block-name .name::-webkit-input-placeholder,
        .user-block-pwd .pwd::-webkit-input-placeholder {
            color: #fff;
        }

        /* Mozilla Firefox 4 to 18 */
        .user-block-name .name:-moz-placeholder,
        .user-block-pwd .pwd:-moz-placeholder {
            color: #fff;
        }

        /* Mozilla Firefox 19+ */
        .user-block-name .name::-moz-placeholder,
        .user-block-pwd .pwd::-moz-placeholder {
            color: #fff;
        }

        /* Internet Explorer 10+ */
        .user-block-name .name:-ms-input-placeholder,
        .user-block-pwd .pwd:-ms-input-placeholder {
            color: #fff;
        }

//图片背景
.user-block-name .name {
        background-image: url('../../images/wx/project/user.png');
    }
.user-block-pwd .pwd {
        background-image: url('../../images/wx/project/pwd.png');
    }
.user-block-pwd .pwd:-webkit-autofill {
    -webkit-animation: pwd-fix 1s infinite;
}


.user-block-name .name:-webkit-autofill {
    -webkit-animation: user-fix 1s infinite;
}

@-webkit-keyframes user-fix {
    from {
        background-image: url('../../images/wx/project/user.png');
    }

    to {
        background-image: url('../../images/wx/project/user.png');
    }
}

@-webkit-keyframes pwd-fix {
    from {
        background-image: url('../../images/wx/project/pwd.png');
    }

    to {
        background-image: url('../../images/wx/project/pwd.png');
    }
}

在做登录界面时，需要输入账号 和密码 ，在浏览器中，chrome 会自动填充，并且背景色是黄色，会将原有的图片背景替换掉，用以上方式解决，希望对大家有帮助！。