1127 10:41

111

src/App.vue

@@ -11,18 +11,6 @@ export default {
 }
 </script>
 <style >
-input:-webkit-autofill,
-textarea:-webkit-autofill,
-select:-webkit-autofill {
-  -webkit-text-fill-color: #ededed !important;
-  /* -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; */
-  background-color: transparent;
-  background-image: none;
-  transition: background-color 50000s ease-in-out 0s;
-}
-input {
-  background-color: transparent;
-}
 * {
   margin: 0;
   padding: 0;

src/views/login/index.vue

@@ -23,7 +23,7 @@
                   name="username"
                   type="text"
                   tabindex="1"
-                  auto-complete="on" />
+                  auto-complete="off" />
       </el-form-item>
 
       <el-form-item prop="password"
@@ -39,7 +39,7 @@
                   placeholder="请输入密码"
                   name="password"
                   tabindex="2"
-                  auto-complete="on"
+                  auto-complete="off"
                   @keyup.enter.native="handleLogin" />
         <span class="show-pwd"
               @click="showPwd">
@@ -156,7 +156,10 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" rel="stylesheet/scss">
+.login-input {
+  background-color: #fff;
+}
 /* 修复input 背景不协调 和光标变色 */
 /* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
 .loginBtn {
@@ -226,9 +229,17 @@ export default {
     }
   }
 }
-$bg: #283443;
+$bg: #fff;
 $light_gray: #fff;
-$cursor: #fff;
+$cursor: #000;
+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
+  .login-container .el-input input {
+    color: $cursor;
+    &::first-line {
+      color: $light_gray;
+    }
+  }
+}
 
 @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
   .login-container .el-input input {
@@ -270,7 +281,7 @@ $cursor: #fff;
 </style>
 
 <style lang="scss" scoped>
-$bg: #2d3a4b;
+$bg: #fff;
 $dark_gray: #889aa4;
 $light_gray: #eee;