diff --git a/src/packages/tabpane/tabpane.scss b/src/packages/tabpane/tabpane.scss
index b87ac0f208..eacc7bafaf 100644
--- a/src/packages/tabpane/tabpane.scss
+++ b/src/packages/tabpane/tabpane.scss
@@ -2,7 +2,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: $color-background-overlay;
+  background-color: $tabs-tabpane-backgroundColor;
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
diff --git a/src/packages/tabs/doc.en-US.md b/src/packages/tabs/doc.en-US.md
index b1ff97a552..b19be867de 100644
--- a/src/packages/tabs/doc.en-US.md
+++ b/src/packages/tabs/doc.en-US.md
@@ -261,3 +261,4 @@ The component provides the following CSS variables, which can be used to customi
 | \--nutui-tabs-vertical-tab-line-width | Vertical title line width | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | The height of the vertical title line | `12px` |
 | \--nutui-tabs-tabpane-padding | Padding of the Tabpane content | `24px 20px` |
+| \--nutui-tabs-tabpane-backgroundColor | BackgroundColor of the Tabpane content| `#fff` |
diff --git a/src/packages/tabs/doc.md b/src/packages/tabs/doc.md
index 68aae8a95b..2c9183faa5 100644
--- a/src/packages/tabs/doc.md
+++ b/src/packages/tabs/doc.md
@@ -261,3 +261,4 @@ import { Tabs } from '@nutui/nutui-react';
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向标题线条的宽度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向标题线条的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的内边距 | `24px 20px` |
+| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色| `#fff` |
diff --git a/src/packages/tabs/doc.taro.md b/src/packages/tabs/doc.taro.md
index 27fa0d74aa..da9718ca1a 100644
--- a/src/packages/tabs/doc.taro.md
+++ b/src/packages/tabs/doc.taro.md
@@ -259,3 +259,4 @@ import { Tabs } from '@nutui/nutui-react-taro';
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向标题线条的宽度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向标题线条的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的内边距 | `24px 20px` |
+| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色| `#fff` |
\ No newline at end of file
diff --git a/src/packages/tabs/doc.zh-TW.md b/src/packages/tabs/doc.zh-TW.md
index 1b7fd54842..83919406cf 100644
--- a/src/packages/tabs/doc.zh-TW.md
+++ b/src/packages/tabs/doc.zh-TW.md
@@ -259,3 +259,4 @@ import { Tabs } from '@nutui/nutui-react';
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向標題線條的寬度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向標題線條的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的內邊距 | `24px 20px` |
+| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色| `#fff` |
\ No newline at end of file
diff --git a/src/styles/variables-jmapp.scss b/src/styles/variables-jmapp.scss
index 6fb05e0719..dbcb7896e0 100644
--- a/src/styles/variables-jmapp.scss
+++ b/src/styles/variables-jmapp.scss
@@ -1764,7 +1764,10 @@ $tabs-titles-item-smile-bottom: var(
   -10px
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-
+$tabs-tabpane-backgroundColor: var(
+  --nutui-tabs-tabpane-backgroundColor,
+  #fff
+) !default;
 // indicator（✅）
 $indicator-color: var(--nutui-indicator-color, $color-primary) !default;
 $indicator-dot-color: var(--nutui-indicator-dot-color, $color-default) !default;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index b40e0294d8..8f303a6be4 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1717,7 +1717,10 @@ $tabs-titles-item-smile-bottom: var(
   -10%
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-
+$tabs-tabpane-backgroundColor: var(
+  --nutui-tabs-tabpane-backgroundColor,
+  #fff
+) !default;
 // indicator（✅）
 $indicator-color: var(
   --nutui-indicator-color,