diff --git a/examples/sites/demos/pc/app/button/ghost-composition-api.vue b/examples/sites/demos/pc/app/button/ghost-composition-api.vue
index 9dd7216ce..af5e29074 100644
--- a/examples/sites/demos/pc/app/button/ghost-composition-api.vue
+++ b/examples/sites/demos/pc/app/button/ghost-composition-api.vue
@@ -15,7 +15,7 @@ import { TinyButton } from '@opentiny/vue'
 
 <style scoped>
 .gray-bg {
-  background: #fafafa;
+  background-color: rgba(0, 0, 0, 0.2);
   padding: 20px 10px 10px;
 }
 .tiny-button {
diff --git a/examples/sites/demos/pc/app/button/ghost.vue b/examples/sites/demos/pc/app/button/ghost.vue
index 26602c632..c2dcfbbc5 100644
--- a/examples/sites/demos/pc/app/button/ghost.vue
+++ b/examples/sites/demos/pc/app/button/ghost.vue
@@ -21,7 +21,7 @@ export default {
 
 <style scoped>
 .gray-bg {
-  background: #fafafa;
+  background-color: rgba(0, 0, 0, 0.2);
   padding: 20px 10px 10px;
 }
 .tiny-button {