diff --git a/packages/vant-css/src/button.css b/packages/vant-css/src/button.css
index 8416fa779..1fd62f0e8 100644
--- a/packages/vant-css/src/button.css
+++ b/packages/vant-css/src/button.css
@@ -15,13 +15,16 @@
   &::before {
     content: " ";
     position: absolute;
-    top: -1px;
-    left: -1px;
-    right: -1px;
-    bottom: -1px;
+    top: 50%;
+    left: 50%;
     opacity: 0;
-    background-color: $black;
-    border-radius: inherit; /* inherit parent's border radius */
+    width: 100%;
+    height: 100%;
+    border: inherit;
+    border-color: #000;
+    background-color: #000;
+    border-radius: inherit;/* inherit parent's border radius */
+    transform: translate3d(-50%, -50%, 0); 
   }
 
   &:not([disabled]):active::before {