diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
index 298c5b0c..85b8a28a 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
@@ -212,7 +212,7 @@ export default defineComponent({
 
     watch(handleElement, () => {
       if (!handleElement.value || handleElement.value.type !== 'chart') return
-      fill.value = handleElement.value.fill || 'transparent'
+      fill.value = handleElement.value.fill || '#fff'
 
       if (handleElement.value.options) {
         const {
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
index 1e6e60eb..7db1de3d 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue
@@ -176,10 +176,10 @@ export default defineComponent({
       '80px', '88px', '96px', '104px', '112px', '120px',
     ]
 
-    const fill = ref('transparent')
+    const fill = ref('#fff')
     const outline = ref<PPTElementOutline>({
       width: 0,
-      color: 'transparent',
+      color: '#fff',
       style: 'solid',
     })
 
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
index 51e6ea67..830a03de 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
@@ -261,7 +261,7 @@ export default defineComponent({
     watch(handleElement, () => {
       if (!handleElement.value || handleElement.value.type !== 'shape') return
 
-      fill.value = handleElement.value.fill || 'transparent'
+      fill.value = handleElement.value.fill || '#fff'
       gradient.value = handleElement.value.gradient || { type: 'linear', rotate: 0, color: [fill.value, '#fff'] }
       fillType.value = handleElement.value.gradient ? 'gradient' : 'fill'
       textAlign.value = handleElement.value?.text?.align || 'middle'
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
index 24fa0bb2..5a0359a6 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
@@ -363,7 +363,7 @@ export default defineComponent({
     watch(handleElement, () => {
       if (!handleElement.value || handleElement.value.type !== 'text') return
 
-      fill.value = handleElement.value.fill || 'transparent'
+      fill.value = handleElement.value.fill || '#fff'
       lineHeight.value = handleElement.value.lineHeight || 1.5
       wordSpace.value = handleElement.value.wordSpace || 0
     }, { deep: true, immediate: true })