diff --git a/components/select/style/index.less b/components/select/style/index.less
index 7823dd7dbc..812559c854 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -109,7 +109,7 @@
     line-height: 1;
     text-align: center;
     text-transform: none;
-    background: @select-background;
+    background: @select-clear-background;
     cursor: pointer;
     opacity: 0;
     transition: color 0.3s ease, opacity 0.15s ease;
diff --git a/components/style/themes/dark.less b/components/style/themes/dark.less
index 4ae31c42ad..217b31e234 100644
--- a/components/style/themes/dark.less
+++ b/components/style/themes/dark.less
@@ -264,6 +264,7 @@
 // ---
 @select-background: transparent;
 @select-dropdown-bg: @gray-11;
+@select-clear-background: @component-background;
 
 // Cascader
 // ---
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index a0d46d5ce1..a14d567aa7 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -363,6 +363,7 @@
 @select-item-selected-bg: @blue-1;
 @select-item-active-bg: @item-hover-bg;
 @select-background: @component-background;
+@select-clear-background: @select-background;
 
 // Cascader
 // ---