vue input框样式调整

src/views/Login/Login.vue

@@ -19,7 +19,7 @@
         <!-- 右边的登录界面 -->
         <Transition appear enter-active-class="animate__animated animate__bounceInRight">
           <div
-            class="m-auto h-[calc(60%)] w-[100%] flex items-center at-2xl:max-w-550px at-lg:max-w-550px at-md:max-w-550px at-xl:max-w-550px"
+            class="m-auto h-[calc(60%)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
             :style="{backgroundImage: `url(${loginBox})`,minHeight: '650px', minWidth: '250px',backgroundSize: 'cover',marginTop:'5%'}"
           >
             <!-- 账号登录 -->
@@ -104,7 +104,4 @@ $prefix-cls: #{$namespace}-login;
     background-color: var(--login-bg-color);
   }
 }
-.el-input__inner {
-  color: white;
-}
 </style>

src/views/Login/components/LoginForm.vue

@@ -381,4 +381,7 @@ onMounted(() => {
   margin-top: -9%;
   margin-left: 111%;
 }
+::v-deep .el-input__inner {
+  color: white;
+}
 </style>