diff --git a/packages/stepper/index.less b/packages/stepper/index.less
index 2ad9ef9a7..11bd53498 100644
--- a/packages/stepper/index.less
+++ b/packages/stepper/index.less
@@ -11,6 +11,7 @@
     height: 28px;
     margin: 1px;
     padding: 5px;
+    color: @stepper-button-icon-color;
     vertical-align: middle;
     background-color: @stepper-background-color;
     border: 0;
@@ -33,7 +34,7 @@
       bottom: 0;
       left: 0;
       margin: auto;
-      background-color: @text-color;
+      background-color: currentColor;
       content: '';
     }
 
@@ -42,17 +43,13 @@
     }
 
     &--disabled {
+      color: @stepper-button-disabled-icon-color;
       background-color: @stepper-button-disabled-color;
 
-      &::before,
-      &::after {
-        background-color: @gray;
+      &:active {
+        background-color: @stepper-button-disabled-color;
       }
     }
-
-    &--disabled:active {
-      background-color: @stepper-button-disabled-color;
-    }
   }
 
   &__minus {
@@ -69,12 +66,12 @@
 
   &__input {
     box-sizing: content-box;
-    width: 30px;
-    height: 26px;
+    width: @stepper-input-width;
+    height: @stepper-input-height;
     margin: 1px;
     padding: 1px;
-    color: @text-color;
-    font-size: 14px;
+    color: @stepper-input-text-color;
+    font-size: @stepper-input-font-size;
     text-align: center;
     vertical-align: middle;
     background-color: @stepper-background-color;
@@ -84,8 +81,8 @@
     -webkit-appearance: none;
 
     &[disabled] {
-      color: @gray;
-      background-color: @stepper-input-disabled-color;
+      color: @stepper-input-disabled-text-color;
+      background-color: @stepper-input-disabled-background-color;
     }
   }
 
diff --git a/packages/style/var.less b/packages/style/var.less
index b37a9ed26..463057c5d 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -462,8 +462,15 @@
 // Stepper
 @stepper-active-color: #e8e8e8;
 @stepper-background-color: @active-color;
+@stepper-button-icon-color: @text-color;
 @stepper-button-disabled-color: #f7f8fa;
-@stepper-input-disabled-color: @active-color;
+@stepper-button-disabled-icon-color: @gray;
+@stepper-input-width: 30px;
+@stepper-input-height: 26px;
+@stepper-input-font-size: 14px;
+@stepper-input-text-color: @text-color;
+@stepper-input-disabled-text-color: @gray;
+@stepper-input-disabled-background-color: @active-color;
 @stepper-border-radius: 4px;
 
 // SubmitBar