diff --git a/src/packages/searchbar/demos/h5/demo3.tsx b/src/packages/searchbar/demos/h5/demo3.tsx
index 0138f33e83..debda1aff0 100644
--- a/src/packages/searchbar/demos/h5/demo3.tsx
+++ b/src/packages/searchbar/demos/h5/demo3.tsx
@@ -9,7 +9,7 @@ const Demo3 = () => {
       <ConfigProvider
         theme={{
           nutuiSearchbarBackground: 'var(--nutui-color-primary)',
-          nutuiSearchbarInputBackground: '#eee',
+          nutuiSearchbarContentBackground: '#eee',
           nutuiSearchbarInputTextAlign: 'right',
         }}
       >
diff --git a/src/packages/searchbar/demos/taro/demo3.tsx b/src/packages/searchbar/demos/taro/demo3.tsx
index 914818437e..3eed905697 100644
--- a/src/packages/searchbar/demos/taro/demo3.tsx
+++ b/src/packages/searchbar/demos/taro/demo3.tsx
@@ -11,7 +11,7 @@ const Demo3 = () => {
       <ConfigProvider
         theme={{
           nutuiSearchbarBackground: 'var(--nutui-color-primary)',
-          nutuiSearchbarInputBackground: '#eee',
+          nutuiSearchbarContentBackground: '#eee',
           nutuiSearchbarInputTextAlign: 'right',
         }}
       >