vue记住密码

密码"/>

vue记住密码

 <div class="checkbox-login"><input type="checkbox" id="defaults"  v-model="loginForm.rememberMe" /><label class="label" for="defaults">记住密码</label></div>

.checkbox-login {position: relative;
}
//去除原生样式
input[type="checkbox"] {display: none;
}
/*input 选中前的样式*/
input[type="checkbox"] + label::before {content: ""; /*不换行空格*/display: inline-block;width: 17px;height: 17px;background: url("../assets/login/noselect.png") no-repeat center center;background-size: cover;position: absolute;top: 2px;left: 0;
}
/*input 选中后的样式 */
input[type="checkbox"]:checked + label::before {width: 17px;height: 17px;background: url("../assets/login/select.png") no-repeat center center; /*背景图的写法是生效的*/background-size: cover;border: none;
}
//字体标签
::v-deep label {font-weight: 400;font-size: 14px;color: #3d4050;margin-left: 24px;
}