diff --git a/src/style/var.less b/src/style/var.less
index 70c28068c..08e075ce5 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -754,6 +754,7 @@
 @tabbar-item-font-size: @font-size-sm;
 @tabbar-item-text-color: @gray-7;
 @tabbar-item-active-color: @blue;
+@tabbar-item-active-background-color: @tabbar-background-color;
 @tabbar-item-line-height: 1;
 @tabbar-item-icon-size: 22px;
 @tabbar-item-margin-bottom: 4px;
diff --git a/src/tabbar-item/index.less b/src/tabbar-item/index.less
index da63a2fc3..3a3cbc6b9 100644
--- a/src/tabbar-item/index.less
+++ b/src/tabbar-item/index.less
@@ -28,6 +28,7 @@
   }
 
   &--active {
+    background-color: @tabbar-item-active-background-color;
     color: @tabbar-item-active-color;
   }