diff --git a/components/form/__tests__/__snapshots__/index.test.tsx.snap b/components/form/__tests__/__snapshots__/index.test.tsx.snap
index e00da41d45..87c7445620 100644
--- a/components/form/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/form/__tests__/__snapshots__/index.test.tsx.snap
@@ -941,8 +941,7 @@ exports[`Form form should support disabled 1`] = `
               class="ant-upload-wrapper"
             >
               <div
-                class="ant-upload ant-upload-select ant-upload-disabled"
-                style="display: none;"
+                class="ant-upload ant-upload-select ant-upload-disabled ant-upload-hidden"
               >
                 <span
                   class="ant-upload ant-upload-disabled"
diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index c095ba2634..9bd91b2172 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -469,12 +469,13 @@ const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (
     );
   }
 
-  const uploadButtonCls = classNames(prefixCls, `${prefixCls}-select`, {
+  const uploadBtnCls = classNames(prefixCls, `${prefixCls}-select`, {
     [`${prefixCls}-disabled`]: mergedDisabled,
+    [`${prefixCls}-hidden`]: !children,
   });
 
   const uploadButton = (
-    <div className={uploadButtonCls} style={children ? undefined : { display: 'none' }}>
+    <div className={uploadBtnCls}>
       <RcUpload {...rcUploadProps} ref={upload} />
     </div>
   );
diff --git a/components/upload/__tests__/__snapshots__/upload.test.tsx.snap b/components/upload/__tests__/__snapshots__/upload.test.tsx.snap
index 56ceee31f8..b72985025b 100644
--- a/components/upload/__tests__/__snapshots__/upload.test.tsx.snap
+++ b/components/upload/__tests__/__snapshots__/upload.test.tsx.snap
@@ -5,8 +5,7 @@ exports[`Upload rtl render component should be rendered correctly in RTL directi
   class="ant-upload-wrapper ant-upload-rtl"
 >
   <div
-    class="ant-upload ant-upload-select"
-    style="display: none;"
+    class="ant-upload ant-upload-select ant-upload-hidden"
   >
     <span
       class="ant-upload"
diff --git a/components/upload/__tests__/uploadlist.test.tsx b/components/upload/__tests__/uploadlist.test.tsx
index 24de32898f..516e8d00b8 100644
--- a/components/upload/__tests__/uploadlist.test.tsx
+++ b/components/upload/__tests__/uploadlist.test.tsx
@@ -75,10 +75,7 @@ describe('Upload List', () => {
     mockHeightGet.mockImplementation(() => size.height);
     mockSrcSet.mockImplementation(function fn() {
       // @ts-ignore
-      if (this.onload) {
-        // @ts-ignore
-        this.onload();
-      }
+      this.onload?.();
     });
 
     mockGetCanvasContext.mockReturnValue({
@@ -1629,8 +1626,8 @@ describe('Upload List', () => {
         <Upload fileList={list as UploadProps['defaultFileList']} listType="picture-card" />,
       );
       expect(wrapper.querySelectorAll('.ant-upload-select').length).toBe(1);
-      expect(wrapper.querySelectorAll<HTMLDivElement>('.ant-upload-select')[0]?.style.display).toBe(
-        'none',
+      expect(wrapper.querySelector<HTMLDivElement>('.ant-upload-select')).toHaveClass(
+        'ant-upload-hidden',
       );
       unmount();
     });
@@ -1654,8 +1651,8 @@ describe('Upload List', () => {
         />,
       );
       expect(wrapper.querySelectorAll('.ant-upload-select').length).toBe(1);
-      expect(wrapper.querySelectorAll<HTMLDivElement>('.ant-upload-select')[0]?.style.display).toBe(
-        'none',
+      expect(wrapper.querySelector<HTMLDivElement>('.ant-upload-select')).toHaveClass(
+        'ant-upload-hidden',
       );
       unmount();
     });
diff --git a/components/upload/style/index.ts b/components/upload/style/index.ts
index 10a5fdb0e1..bb829503ca 100644
--- a/components/upload/style/index.ts
+++ b/components/upload/style/index.ts
@@ -40,6 +40,10 @@ const genBaseStyle: GenerateStyle<UploadToken> = (token) => {
         display: 'inline-block',
       },
 
+      [`${componentCls}-hidden`]: {
+        display: 'none',
+      },
+
       [`${componentCls}-disabled`]: {
         color: colorTextDisabled,
         cursor: 'not-allowed',