diff --git a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8ef969e6ac1f..716b4be6779f 100644
--- a/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -3514,7 +3514,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
+
+
+
+
+
+
@@ -3796,7 +3870,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
+
+
+
+
+
+
@@ -4080,7 +4228,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
+
+
+
+
+
+
@@ -4390,7 +4612,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
+
+
+
+
+
+
@@ -4675,7 +4971,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
+
+
+
+
+
+
@@ -4956,7 +5326,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.tsx extend context c
+
+
+
+
+
+
diff --git a/components/dropdown/demo/dropdown-button.tsx b/components/dropdown/demo/dropdown-button.tsx
index 7d0b51eea88b..d2897fed0728 100644
--- a/components/dropdown/demo/dropdown-button.tsx
+++ b/components/dropdown/demo/dropdown-button.tsx
@@ -28,6 +28,14 @@ const items: MenuProps['items'] = [
label: '3rd menu item',
key: '3',
icon: ,
+ danger: true,
+ },
+ {
+ label: '4rd menu item',
+ key: '4',
+ icon: ,
+ danger: true,
+ disabled: true,
},
];
diff --git a/components/dropdown/style/status.ts b/components/dropdown/style/status.ts
index 8e7f536dec95..1f6ddb0b21d8 100644
--- a/components/dropdown/style/status.ts
+++ b/components/dropdown/style/status.ts
@@ -9,7 +9,7 @@ const genStatusStyle: GenerateStyle = (token) => {
return {
[`${componentCls}, ${componentCls}-menu-submenu`]: {
[`${menuCls} ${itemCls}`]: {
- [`&${itemCls}-danger`]: {
+ [`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
color: colorError,
'&:hover': {