diff --git a/packages/search/index.less b/packages/search/index.less
index 5fc44e05..3b7fd8a4 100644
--- a/packages/search/index.less
+++ b/packages/search/index.less
@@ -38,7 +38,6 @@
   }
 
   &__action {
-    padding: var(--search-action-padding, @search-action-padding);
     font-size: var(--search-action-font-size, @search-action-font-size);
     line-height: var(--search-input-height, @search-input-height);
     color: var(--search-action-text-color, @search-action-text-color);
@@ -46,5 +45,9 @@
     &--hover {
       background-color: @active-color;
     }
+
+    &-button {
+      padding: var(--search-action-padding, @search-action-padding);
+    }
   }
 }
diff --git a/packages/search/index.wxml b/packages/search/index.wxml
index 0068cfe7..e772ee4b 100644
--- a/packages/search/index.wxml
+++ b/packages/search/index.wxml
@@ -48,6 +48,6 @@
     hover-stay-time="70"
   >
     <slot wx:if="{{ useActionSlot }}" name="action" />
-    <view wx:else bind:tap="onCancel" class="cancel-class">{{ actionText }}</view>
+    <view wx:else bind:tap="onCancel" class="van-search__action-button cancel-class">{{ actionText }}</view>
   </view>
 </view>
diff --git a/packages/search/test/__snapshots__/demo.spec.ts.snap b/packages/search/test/__snapshots__/demo.spec.ts.snap
index cc72ecb9..e5e7fe89 100644
--- a/packages/search/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/search/test/__snapshots__/demo.spec.ts.snap
@@ -222,7 +222,7 @@ exports[`should render demo and match snapshot 1`] = `
             hoverStayTime="70"
           >
             <wx-view
-              class="cancel-class"
+              class="van-search__action-button cancel-class"
               bind:tap="onCancel"
             >
               取消