diff --git a/src/Notice.tsx b/src/Notice.tsx
index 243e778..f032747 100644
--- a/src/Notice.tsx
+++ b/src/Notice.tsx
@@ -33,6 +33,8 @@ const Notify = React.forwardRef<HTMLDivElement, NoticeProps & { times?: number }
     onNoticeClose,
     times,
     hovering: forcedHovering,
+    classNames,
+    styles,
   } = props;
   const [hovering, setHovering] = React.useState(false);
   const [percent, setPercent] = React.useState(0);
@@ -138,7 +140,8 @@ const Notify = React.forwardRef<HTMLDivElement, NoticeProps & { times?: number }
       {/* Close Icon */}
       {closable && (
         <button
-          className={`${noticePrefixCls}-close`}
+          className={clsx(`${noticePrefixCls}-close`, classNames?.close)}
+          style={styles?.close}
           onKeyDown={onCloseKeyDown}
           aria-label="Close"
           {...ariaProps}
diff --git a/src/interface.ts b/src/interface.ts
index 1a5727d..6fa7ae1 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -2,7 +2,7 @@ import type React from 'react';
 
 export type Placement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
 
-type NoticeSemanticProps = 'wrapper';
+type NoticeSemanticProps = 'wrapper' | 'close';
 
 export interface NoticeConfig {
   content?: React.ReactNode;
diff --git a/tests/index.test.tsx b/tests/index.test.tsx
index 05b302b..ac2a048 100644
--- a/tests/index.test.tsx
+++ b/tests/index.test.tsx
@@ -623,13 +623,18 @@ describe('Notification.Basic', () => {
 
     act(() => {
       instance.open({
+        closable: true,
         styles: {
           wrapper: {
             content: 'little',
           },
+          close: {
+            color: 'red',
+          },
         },
         classNames: {
           wrapper: 'bamboo',
+          close: 'custom-close',
         },
       });
     });
@@ -638,6 +643,12 @@ describe('Notification.Basic', () => {
       content: 'little',
     });
     expect(document.querySelector('.rc-notification-notice-wrapper')).toHaveClass('bamboo');
+
+    const closeButton = document.querySelector('.rc-notification-notice-close');
+    expect(closeButton).toHaveClass('custom-close');
+    expect(closeButton).toHaveStyle({
+      color: 'rgb(255, 0, 0)',
+    });
   });
 
   it('should className work', () => {