diff --git a/style/web/components/steps/_mixin.less b/style/web/components/steps/_mixin.less
index 42bdb53f7a..39e082990d 100644
--- a/style/web/components/steps/_mixin.less
+++ b/style/web/components/steps/_mixin.less
@@ -213,8 +213,8 @@
         width: 9999px;
         border-left: 0;
         border-top: 0;
-        border-bottom-width: @step-stroke-width;
-        border-bottom-color: @steps-line-bg-color-horizontal-default;
+        border-width: @step-stroke-width;
+        border-color: @steps-line-bg-color-horizontal-default;
         position: absolute;
         left: 100%;
         top: 50%;
@@ -255,8 +255,8 @@
 
     .@{prefix}-steps-item--finish:not(:last-child) {
       .@{prefix}-steps-item__title:after {
-        border-bottom-width: @steps-line-height;
-        border-bottom-color: @steps-line-bg-color-horizontal-finish;
+        border-width: @steps-line-height;
+        border-color: @steps-line-bg-color-horizontal-finish;
         color: @steps-line-bg-color-horizontal-finish;
       }
     }
@@ -265,8 +265,8 @@
       .@{prefix}-steps-item--process:not(:last-child),
       .@{prefix}-steps-item--finish:not(:last-child) {
         .@{prefix}-steps-item__title:after {
-          border-bottom-width: @steps-line-height;
-          border-bottom-color: @steps-line-bg-color-horizontal-finish;
+          border-width: @steps-line-height;
+          border-color: @steps-line-bg-color-horizontal-finish;
           color: @steps-line-bg-color-horizontal-finish;
         }
       }
@@ -340,8 +340,8 @@
           height: 100%;
           border-left: 0;
           border-bottom: 0;
-          border-right-width: @steps-item-icon-number-line-width;
-          border-right-color: @steps-line-bg-color-vertical-default;
+          border-width: @steps-item-icon-number-line-width;
+          border-color: @steps-line-bg-color-vertical-default;
           position: absolute;
           top: @steps-item-icon-number-line-top;
           left: @steps-item-icon-number-line-left;
@@ -350,8 +350,8 @@
         &--process,
         &--finish {
           &:not(:last-child)::before {
-            border-right-width: @steps-line-width;
-            border-right-color: @steps-line-bg-color-vertical-process;
+            border-width: @steps-line-width;
+            border-color: @steps-line-bg-color-vertical-process;
             color: @steps-line-bg-color-vertical-process;
           }
         }
@@ -399,24 +399,19 @@
         width: @steps-item-connector-line-width;
         border-left: 0;
         border-top: 0;
-        border-bottom-width: @steps-item-icon-number-line-height;
-        border-bottom-color: @steps-line-dot-bg-color-vertical-default;
+        border-width: @steps-item-icon-number-line-height;
+        border-color: @steps-line-dot-bg-color-vertical-default;
         position: absolute;
         left: @steps-dot-connector-position-left-horizontal;
         top: @steps-dot-connector-position-top-horizontal;
       }
-      &:not(.@{prefix}-steps-item--finish) {
-        &::after {
-          border-color: @text-color-placeholder;
-        }
-      }
     }
 
     .@{prefix}-steps-item--finish:not(:last-child) {
       &::after {
         color: @steps-line-dot-bg-color-vertical-finish;
-        border-bottom-color: @steps-line-dot-bg-color-vertical-finish;
-        border-bottom-width: @steps-line-height;
+        border-color: @steps-line-dot-bg-color-vertical-finish;
+        border-width: @steps-line-height;
       }
     }
 
@@ -425,8 +420,8 @@
       .@{prefix}-steps-item--finish:not(:last-child) {
         &::after {
           color: @steps-line-dot-bg-color-vertical-finish;
-          border-bottom-color: @steps-line-dot-bg-color-vertical-finish;
-          border-bottom-width: @steps-line-height;
+          border-color: @steps-line-dot-bg-color-vertical-finish;
+          border-width: @steps-line-height;
         }
       }
     }
@@ -467,8 +462,8 @@
           height: 100%;
           border-bottom: 0;
           border-left: 0;
-          border-right-width: @steps-item-icon-number-line-height;
-          border-right-color: @steps-line-dot-bg-color-vertical-default;
+          border-width: @steps-item-icon-number-line-height;
+          border-color: @steps-line-dot-bg-color-vertical-default;
           position: absolute;
           left: @steps-dot-connector-position-left-vertical;
           top: @steps-dot-connector-position-top-vertical;
@@ -477,8 +472,8 @@
         &--finish {
           &:not(:last-child)::before {
             color: @steps-line-dot-bg-color-vertical-finish;
-            border-right-color: @steps-line-dot-bg-color-vertical-finish;
-            border-right-width: @steps-line-width;
+            border-color: @steps-line-dot-bg-color-vertical-finish;
+            border-width: @steps-line-width;
           }
         }
       }
@@ -491,8 +486,8 @@
           height: 100%;
           border-bottom: 0;
           border-left: 0;
-          border-right-width: @steps-item-icon-number-line-height;
-          border-right-color: @steps-line-dot-bg-color-vertical-default;
+          border-width: @steps-item-icon-number-line-height;
+          border-color: @steps-line-dot-bg-color-vertical-default;
           position: absolute;
           left: @steps-dot-connector-position-left-vertical-reverse;
           top: @steps-dot-connector-position-top-vertical;
@@ -505,20 +500,12 @@
         &--process,
         &--finish {
           &:not(:last-child)::before {
-            border-right-width: @steps-line-width;
-            border-right-color: @steps-line-dot-bg-color-vertical-process;
+            border-width: @steps-line-width;
+            border-color: @steps-line-dot-bg-color-vertical-process;
             color: @steps-line-dot-bg-color-vertical-process;
           }
         }
       }
-
-      &:not(:last-child) {
-        &.@{prefix}-steps-item--default {
-          &::before {
-            border-color: @text-color-placeholder;
-          }
-        }
-      }
     }
   }
 }