From 8063f284cd6b1b99033cff37bc8496808f995912 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E8=89=B3?= <linyan.19960622@bytedance.com>
Date: Mon, 26 Aug 2024 15:48:48 +0800
Subject: [PATCH] fix: Form.Upload's unexpected error outline Occlusion

---
 packages/semi-foundation/upload/upload.scss       |  2 +-
 packages/semi-ui/upload/_story/upload.stories.jsx | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/semi-foundation/upload/upload.scss b/packages/semi-foundation/upload/upload.scss
index 9377cd09f9..a7c6847c8a 100644
--- a/packages/semi-foundation/upload/upload.scss
+++ b/packages/semi-foundation/upload/upload.scss
@@ -474,7 +474,7 @@ $module: #{$prefix}-upload;
             }
 
             &-error {
-                outline: 1px solid $color-upload_picture_file_card_error-border;
+                border: 1px solid $color-upload_picture_file_card_error-border;
             }
 
             &:hover {
diff --git a/packages/semi-ui/upload/_story/upload.stories.jsx b/packages/semi-ui/upload/_story/upload.stories.jsx
index 0cf03666c8..269971728a 100644
--- a/packages/semi-ui/upload/_story/upload.stories.jsx
+++ b/packages/semi-ui/upload/_story/upload.stories.jsx
@@ -1323,4 +1323,17 @@ export const Unmount = () => {
             <button onClick={toggle}>toggle upload mount</button>
         </>
     );
-};
\ No newline at end of file
+};
+
+export const fix2448 = () => {
+  let action = 'http://xxx';
+    return (
+        <>
+          <Form>
+            <Form.Upload action={action} listType="picture" accept="image/*" multiple >
+              <IconPlus size="extra-large" />
+            </Form.Upload>
+          </Form>
+        </>
+    );
+}
\ No newline at end of file