input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;
}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;  //使用足够大的纯色内阴影覆盖黄色背景border: 1px solid #CCC!important;
}

<!-- 账号 -->
<input type="text" style="display:none"></input>
<input type="text"></input>
<!--密码-->
<input type="password" style="display:none"></input>
<input type="password"></input>
<!--登录按钮-->
<button>登录</button>

// 安装
npm install --save js-base64
// 引入
const Base64 = require('js-base64').Base64

<template><form class="main"><!-- 账号 --><div class="item"><label for="account">账号</label><input type="text" style="display:none"><input type="text" v-model="loginForm.account"  id="account"></div><!--密码--><div class="item"><label for="password">密码</label><input type="password" style="display:none"><input type="password" v-model="loginForm.password" id="password"></div><!-- 记住密码 --><div class="item"><label>记住密码</label><input type="checkbox" v-model="loginForm.remember"></div><!--登录按钮--><button @click="submit">登录</button></form>
</template><script>
// 引入base64
const Base64 = require('js-base64').Base64
export default {data () {return {// 登陆表单
            loginForm:{account:'',password:'',remember:''}}},created () {// 在页面加载时从cookie获取登录信息let account = this.getCookie("account")let password = Base64.decode(this.getCookie("password"))// 如果存在赋值给表单，并且将记住密码勾选if(userName){this.loginForm.account = accountthis.loginForm.password = passwordthis.loginForm.remember = true}},methods: {// 登录submit: function () {// 点击登陆向后台提交登陆信息axios.post("url",this.loginForm).then(res => {// 储存token（需要封装拦截器，将token放入请求头中）this.setCookie('token',res.token)// 跳转到首页this.$router.push('/Index')// 储存登录信息this.setUserInfo()})},// 储存表单信息setUserInfo: function () {// 判断用户是否勾选记住密码，如果勾选，向cookie中储存登录信息，// 如果没有勾选，储存的信息为空if(this.loginForm.remember){this.setCookie("account",this.loginForm.account)// base64加密密码let passWord = Base64.encode(this.loginForm.password)this.setCookie("remember",remember)    }else{this.setCookie("account","")this.setCookie("password","") } },// 获取cookiegetCookie: function (key) {if (document.cookie.length > 0) {var start = document.cookie.indexOf(key + '=')if (start !== -1) {start = start + key.length + 1var end = document.cookie.indexOf(';', start)if (end === -1) end = document.cookie.lengthreturn unescape(document.cookie.substring(start, end))}}return ''},// 保存cookiesetCookie: function (cName, value, expiredays) {var exdate = new Date()exdate.setDate(exdate.getDate() + expiredays)document.cookie = cName + '=' + decodeURIComponent(value) +((expiredays == null) ? '' : ';expires=' + exdate.toGMTString())},}
}
</script><style>
.main {width: 300px;
}
.main .item {display: flex;align-items: center;line-height: 30px;
}
.main .item label {width: 100px;
}
</style>