diff --git a/packages/web-vue/components/input-number/input-number.tsx b/packages/web-vue/components/input-number/input-number.tsx
index 73dc09a06..5ee2e26d1 100644
--- a/packages/web-vue/components/input-number/input-number.tsx
+++ b/packages/web-vue/components/input-number/input-number.tsx
@@ -375,6 +375,9 @@ export default defineComponent({
       needRepeat = false
     ) => {
       event.preventDefault();
+
+      if (props.readOnly) return;
+
       inputRef.value?.focus();
 
       nextStep(method, event);
diff --git a/packages/web-vue/components/input-number/style/index.less b/packages/web-vue/components/input-number/style/index.less
index 6bcbe270d..553a54bc4 100644
--- a/packages/web-vue/components/input-number/style/index.less
+++ b/packages/web-vue/components/input-number/style/index.less
@@ -150,4 +150,11 @@
       }
     }
   }
+
+  &-readonly {
+    .@{input-number-prefix-cls}-step-button {
+      color: @input-number-step-button-color_disabled;
+      pointer-events: none;
+    }
+  }
 }