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