From 9f0c46efc62c9469e209d46c6c184d9ee8daedb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=87=E6=B4=BA=E5=B2=90?= <3524469622@qq.com>
Date: Mon, 4 Nov 2024 22:16:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=92=88=E5=AF=B9=E8=87=AA=E5=8A=A8=E5=A1=AB?=
 =?UTF-8?q?=E5=85=85=E4=B8=94=E7=84=A6=E7=82=B9=E7=8A=B6=E6=80=81=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 5640573f..36611fdf 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -212,7 +212,7 @@ $light_gray:#fff;
 $cursor: #fff;
 
 @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
-  .login-container .el-input input {
+ .login-container.el-input input {
     color: $cursor;
   }
 }
@@ -222,10 +222,19 @@ input[type="password"]::-ms-reveal {
 input[type="password"]::-ms-clear {
     display: none; /* 对于IE */
 }
-
 input[type="password"]::-webkit-inner-spin-button,
 input[type="password"]::-webkit-calendar-picker-indicator {
-    display: none; /* 针对 Chrome 和 Safari */
+    display: none; /* 针对Chrome和Safari */
+}
+input:-webkit-autofill {
+    box-shadow: 0 0 0px 1000px $bg inset!important;
+    -webkit-text-fill-color: $cursor!important;
+}
+// 新增以下样式，针对自动填充且焦点状态下的样式优化
+input:-webkit-autofill:focus {
+    box-shadow: 0 0 0px 1000px $bg inset!important;
+    -webkit-text-fill-color: $cursor!important;
+    border: 1px solid rgba(255, 255, 255, 0.1)!important;
 }
 /* reset element-ui css */
 .login-container {