fix(comp:input): the transition was inconsistent (#1352)

IDuxFE · Dec 12, 2022 · 9950e6f · 9950e6f
1 parent 3f9a930
commit 9950e6f
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/packages/components/input/style/index.less b/packages/components/input/style/index.less
@@ -6,8 +6,6 @@
   .reset-component-new();
   .reset-color(@input-color, @input-background-color);
 
-  transition: all var(--ix-transition-duration-fast) var(--ix-ease-in-out);
-
   &-sm {
     .input-size(@input-height-sm, @input-font-size-sm, @input-border-radius-sm);
   }
@@ -60,20 +58,35 @@
     &:focus,
     &-focused,
     &[disabled],
-    &-disabled {
+    .@{input-prefix}-disabled {
       background-color: transparent;
       border-color: transparent;
       box-shadow: none;
 
+      &:hover {
+        border-color: transparent;
+      }
+
       .@{input-prefix}-inner,
       .@{input-prefix}-wrapper {
         background-color: transparent;
         border-color: transparent;
         box-shadow: none;
+
+        &:hover {
+          border-color: transparent;
+        }
       }
     }
   }
 
+  &,
+  &-wrapper,
+  &-inner,
+  &-addon {
+    transition: all var(--ix-transition-duration-fast) var(--ix-ease-in-out);
+  }
+
   &,
   &-wrapper,
   &-inner {