fix(comp:form): invalid style of input (#668)

IDuxFE · Dec 27, 2021 · 7558b18 · 7558b18
1 parent 97a6602
commit 7558b18
Showing 1 changed file with 22 additions and 9 deletions.
diff --git a/packages/components/form/style/status.less b/packages/components/form/style/status.less
@@ -12,26 +12,39 @@
 
     // === input ===
     .@{idux-prefix}-input:not(.@{idux-prefix}-input-disabled) {
-      .@{idux-prefix}-input-wrapper {
+      border-color: @form-item-invalid-color;
+
+      &:hover {
+        border-color: @form-item-invalid-color;
+      }
+
+      .@{idux-prefix}-input-wrapper,
+      .@{idux-prefix}-input-inner {
         border-color: @form-item-invalid-color;
 
         &:hover {
           border-color: @form-item-invalid-color;
         }
+      }
 
-        .@{idux-prefix}-input-suffix,
-        .@{idux-prefix}-input-prefix {
-          color: @form-item-invalid-color;
+      .@{idux-prefix}-input-suffix,
+      .@{idux-prefix}-input-prefix {
+        color: @form-item-invalid-color;
 
-          &:hover {
-            color: @form-item-invalid-color;
-          }
+        &:hover {
+          color: @form-item-invalid-color;
         }
       }
 
-      &.@{idux-prefix}-input-focused .@{idux-prefix}-input-wrapper {
+      &:focus,
+      &.@{idux-prefix}-input-focused {
         border-color: @form-item-invalid-color;
         box-shadow: @form-item-invalid-box-shadow;
+
+        .@{idux-prefix}-input-wrapper,
+        .@{idux-prefix}-input-inner {
+          box-shadow: none;
+        }
       }
 
       .@{idux-prefix}-input-addon {
@@ -139,7 +152,7 @@
     }
 
     // input
-    .@{idux-prefix}-input-wrapper {
+    .@{idux-prefix}-input {
       padding-right: 24px;
 
       .@{idux-prefix}-input-suffix {