diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less
index 6ca54b5e32..99e8541e9b 100644
--- a/components/cascader/style/index.less
+++ b/components/cascader/style/index.less
@@ -28,7 +28,7 @@
 
     position: relative;
     display: inline-block;
-    background-color: @component-background;
+    background-color: @cascader-bg;
     border-radius: @border-radius-base;
     outline: 0;
     cursor: pointer;
@@ -127,7 +127,7 @@
     z-index: @zindex-dropdown;
     font-size: @font-size-base;
     white-space: nowrap;
-    background: @component-background;
+    background: @cascader-menu-bg;
     border-radius: @border-radius-base;
     box-shadow: @box-shadow-base;
 
diff --git a/components/style/themes/dark.less b/components/style/themes/dark.less
index 429663b928..dafb1b3878 100644
--- a/components/style/themes/dark.less
+++ b/components/style/themes/dark.less
@@ -239,11 +239,17 @@
 // ---
 @input-bg: transparent;
 @input-placeholder-color: fade(@white, 30%);
+@input-number-handler-active-bg: @gray-11;
 
 // Select
 // ---
 @select-background: transparent;
 
+// Cascader
+// ---
+@cascader-bg: transparent;
+@cascader-menu-bg: @gray-11;
+
 // Anchor
 // ---
 @anchor-bg: @black;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index f73880f468..1623688150 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -357,7 +357,9 @@
 
 // Cascader
 // ---
+@cascader-bg: @component-background;
 @cascader-item-selected-bg: @blue-1;
+@cascader-menu-bg: @component-background;
 
 // Anchor
 // ---