diff --git a/src/field/index.less b/src/field/index.less
index 078d8eea5..3ee6201cf 100644
--- a/src/field/index.less
+++ b/src/field/index.less
@@ -143,7 +143,7 @@
 
   &__clear,
   &__right-icon {
-    margin-right: -var(--van-padding-xs);
+    margin-right: calc(var(--van-padding-xs) * -1);
     padding: 0 var(--van-padding-xs);
     line-height: inherit;
   }
diff --git a/src/slider/index.less b/src/slider/index.less
index e7e9d728c..edd3f7746 100644
--- a/src/slider/index.less
+++ b/src/slider/index.less
@@ -23,9 +23,9 @@
   // use pseudo element to expand click area
   &::before {
     position: absolute;
-    top: -var(--van-padding-xs);
+    top: calc(var(--van-padding-xs) * -1);
     right: 0;
-    bottom: -var(--van-padding-xs);
+    bottom: calc(var(--van-padding-xs) * -1);
     left: 0;
     content: '';
   }
@@ -98,9 +98,9 @@
     // use pseudo element to expand click area
     &::before {
       top: 0;
-      right: -var(--van-padding-xs);
+      right: calc(var(--van-padding-xs) * -1);
       bottom: 0;
-      left: -var(--van-padding-xs);
+      left: calc(var(--van-padding-xs) * -1);
     }
   }
 }
diff --git a/src/step/index.less b/src/step/index.less
index 52df3a002..44b743076 100644
--- a/src/step/index.less
+++ b/src/step/index.less
@@ -63,7 +63,7 @@
     .van-step__circle-container {
       position: absolute;
       top: 30px;
-      left: -var(--van-padding-xs);
+      left: calc(var(--van-padding-xs) * -1);
       z-index: 1;
       padding: 0 var(--van-padding-xs);
       background-color: var(--van-white);
diff --git a/src/tree-select/index.less b/src/tree-select/index.less
index cfbcdd58f..3c4c54970 100644
--- a/src/tree-select/index.less
+++ b/src/tree-select/index.less
@@ -64,7 +64,7 @@
     position: absolute;
     top: 50%;
     right: var(--van-padding-md);
-    margin-top: -var(--van-padding-xs);
+    margin-top: calc(var(--van-padding-xs) * -1);
     font-size: var(--van-tree-select-item-selected-size);
   }
 }