From 5827ae64f4ebf9310a42d019cde619b9ba71045c Mon Sep 17 00:00:00 2001
From: haoxr <1490493387@qq.com>
Date: Tue, 7 Feb 2023 01:06:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=BE=93=E5=85=A5=E6=A1=86=E8=AE=B0?=
 =?UTF-8?q?=E4=BD=8F=E4=BF=A1=E6=81=AF=E9=BB=84=E8=89=B2=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: b90e82f1ec3fcc3e325d4e354debf825e9dc7551
---
 src/views/login/index.vue | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 5c022f95..c5394890 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -37,7 +37,7 @@
           <el-input
             class="flex-1"
             v-model="loginData.password"
-            placeholder="Password"
+            placeholder="密码"
             :type="passwordVisible === false ? 'password' : 'input'"
             size="large"
             name="password"
@@ -162,22 +162,37 @@ function handleLogin() {
   overflow: hidden;
 }
 .el-form-item {
-  border: 1px solid #ffffff1a;
+  border: 1px solid rgba(255, 255, 255, 0.1);
   background: rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-
 .el-input {
   background: transparent;
-  // 子组件 scoped 无效使用 :deep
-  :deep .el-input__wrapper {
+  // 子组件 scoped 无效，使用 :deep
+  :deep(.el-input__wrapper) {
     padding: 0;
     background: transparent;
     box-shadow: none;
     .el-input__inner {
-      color: #fff;
       background: transparent;
+      border: 0px;
+      border-radius: 0px;
+      color: #fff;
       caret-color: #fff;
+      &:-webkit-autofill {
+        box-shadow: 0 0 0 1000px transparent inset !important;
+        -webkit-text-fill-color: #fff !important;
+      }
+
+      // 设置输入框自动填充的延迟属性
+      &:-webkit-autofill,
+      &:-webkit-autofill:hover,
+      &:-webkit-autofill:focus,
+      &:-webkit-autofill:active {
+        -webkit-transition-delay: 99999s;
+        -webkit-transition: color 99999s ease-out,
+          background-color 99999s ease-out;
+      }
     }
   }
 }