element表单账号密码篇

最新推荐文章于 2024-08-14 18:05:17 发布

天使的同类

最新推荐文章于 2024-08-14 18:05:17 发布

阅读量2.2k

点赞数

分类专栏： element 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/summer_jk/article/details/124242276

版权

本文介绍了Element UI表单在处理账号密码时遇到的问题及解决方案。包括如何消除记住密码后输入框的背景色，解决浏览器自动填充问题，以及采用localStorage实现记住账号密码的功能。同时强调了密码加密和localStorage的使用注意事项。

摘要由CSDN通过智能技术生成

element表单账号密码篇

一、el-input记住密码之后账号和密码，改变了背景颜色

先看bug图片（背景设置的是透明色，但是记住密码之后账号和密码就自动加了背景色）：

在这里插入图片描述

解决办法：

  .el-input {
   
    input {
   
      text-indent: 5px;
      background: transparent;
      border: none;
      border: 0px;
      -webkit-appearance: none;
      border-radius: 0;
      color: #333;
      border-bottom: 1px solid rgb(235, 237, 242);
      &:-webkit-autofill {
   
        box-shadow: 0 0 0px 1000px #fff inset !important;  //这里#fff是设置和我input框同样颜色
        -webkit-text-fill-color: #333