diff --git a/components/date-picker/style/TimePicker.less b/components/date-picker/style/TimePicker.less
index ea49276dad..4feab4d29c 100644
--- a/components/date-picker/style/TimePicker.less
+++ b/components/date-picker/style/TimePicker.less
@@ -100,7 +100,7 @@
     }
 
     li&-option-selected {
-      background: @background-color-base;
+      background: @time-picker-selected-bg;
       font-weight: bold;
     }
 
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 0b2be262ae..513b734195 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -294,6 +294,7 @@
 // ---
 @time-picker-panel-column-width: 56px;
 @time-picker-panel-width: @time-picker-panel-column-width * 3;
+@time-picker-selected-bg: @background-color-base;
 
 // Carousel
 // ---
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
index 7f11afb411..e3fb618166 100644
--- a/components/time-picker/style/index.less
+++ b/components/time-picker/style/index.less
@@ -130,7 +130,7 @@
     }
 
     li&-option-selected {
-      background: @background-color-base;
+      background: @time-picker-selected-bg;
       font-weight: bold;
     }