diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
index 67080cf799..1c91a88c35 100644
--- a/components/input-number/style/index.less
+++ b/components/input-number/style/index.less
@@ -31,7 +31,7 @@
     }
     &:hover &-up-inner,
     &:hover &-down-inner {
-      color: @input-number-handler-inner-hover-bg;
+      color: @input-number-handler-hover-bg;
     }
   }
 
@@ -111,8 +111,8 @@
     right: 0;
     width: 22px;
     height: 100%;
-    background: @input-number-handler-wrap-bg;
-    border-left: @border-width-base @border-style-base @input-number-handler-wrap-border-color;
+    background: @input-number-handler-bg;
+    border-left: @border-width-base @border-style-base @input-number-handler-border-color;
     border-radius: 0 @border-radius-base @border-radius-base 0;
     opacity: 0;
     transition: opacity 0.24s linear 0.1s;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 812c8c8ccd..3a6fd61ccd 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -321,9 +321,9 @@
 @input-border-color: @border-color-base;
 @input-bg: @component-background;
 @input-number-handler-active-bg: #f4f4f4;
-@input-number-handler-inner-hover-bg: @primary-5;
-@input-number-handler-wrap-bg: @component-background;
-@input-number-handler-wrap-border-color: @border-color-base;
+@input-number-handler-hover-bg: @primary-5;
+@input-number-handler-bg: @component-background;
+@input-number-handler-border-color: @border-color-base;
 @input-addon-bg: @background-color-light;
 @input-hover-border-color: @primary-5;
 @input-disabled-bg: @disabled-bg;