login focus box-shadow

src/components/login/LoginView.vue

@@ -470,28 +470,14 @@ const handleBlur = (type: string) => {
   padding: 16px 33px;
   text-align: left;
   outline: none;
-  ::v-deep {
-    .el-input__wrapper {
-      box-shadow: none;
-      &:hover {
-        box-shadow: none;
-      }
-    }
-    .el-input__wrapper.is-focus {
-      box-shadow: none;
-    }
-    .el-checkbox {
-      height: auto;
-    }
-  }
-  .checkbox-box ::v-deep {
-    .el-checkbox {
-      align-items: flex-start;
-    }
-    .el-checkbox__input {
-      padding-top: 3px;
-    }
-  }
+  // .checkbox-box ::v-deep {
+  //   .el-checkbox {
+  //     align-items: flex-start;
+  //   }
+  //   .el-checkbox__input {
+  //     padding-top: 3px;
+  //   }
+  // }
 }
 .phone-input {
   width: 312px;
@@ -545,5 +531,14 @@ const handleBlur = (type: string) => {
   .el-message-box__content {
     padding: 0;
   }
+  .el-input__wrapper {
+      box-shadow: none;
+      &:hover {
+        box-shadow: none;
+      }
+    }
+    .el-input__wrapper.is-focus,.el-input .el-input__wrapper.el-input__wrapper.is-focus.is-focus {
+      box-shadow: none !important;
+    }
 }
 </style>