diff --git a/src/custom-button/component/custom-button1.tsx b/src/custom-button/component/custom-button1.tsx
index aa38f0ccd1123d4ddbe52172d9a345396991253b..58e7db43d9f8c28b8f794be582d75d4e747c6f90 100644
--- a/src/custom-button/component/custom-button1.tsx
+++ b/src/custom-button/component/custom-button1.tsx
@@ -8,7 +8,7 @@ export const CustomButton1 = defineComponent({
         viewBox='0 0 187 38'
         preserveAspectRatio='none'
         class='dv-button-svg'
-        fill="currentColor"
+        fill='currentColor'
       >
         <g style='transform: translate(2px, 2px);'>
           <g>
diff --git a/src/custom-button/component/custom-button2.tsx b/src/custom-button/component/custom-button2.tsx
index e53f939ada2caf520d242cff9165b0d5ffe7fbf7..154fe01b210a06602a517f9b39e0e499bd7365d3 100644
--- a/src/custom-button/component/custom-button2.tsx
+++ b/src/custom-button/component/custom-button2.tsx
@@ -8,7 +8,7 @@ export const CustomButton2 = defineComponent({
         viewBox='0 0 167 38'
         preserveAspectRatio='none'
         class='dv-button-svg'
-        fill="currentColor"
+        fill='currentColor'
       >
         <g style='transform: translate(2px, 2px);'>
           <g>
diff --git a/src/custom-button/component/custom-button3.tsx b/src/custom-button/component/custom-button3.tsx
index 7542ea9142809c40cd00648d30d2c4dd89d6a58c..bd7ce4d12d7d14b894a30c8b45a7902ae60bdb77 100644
--- a/src/custom-button/component/custom-button3.tsx
+++ b/src/custom-button/component/custom-button3.tsx
@@ -8,7 +8,7 @@ export const CustomButton3 = defineComponent({
         viewBox='0 0 167 38'
         preserveAspectRatio='none'
         class='dv-button-svg'
-        fill="currentColor"
+        fill='currentColor'
       >
         <g style='transform: translate(2px, 2px);'>
           <g>
diff --git a/src/custom-button/component/custom-button4.tsx b/src/custom-button/component/custom-button4.tsx
index 3eaa976ba27a4bd93c71a37f0865f15a238184ab..c6e7ff4c591dc0ad6e6066af42cd6e8b9729ad64 100644
--- a/src/custom-button/component/custom-button4.tsx
+++ b/src/custom-button/component/custom-button4.tsx
@@ -8,7 +8,7 @@ export const CustomButton4 = defineComponent({
         viewBox='0 0 187 38'
         preserveAspectRatio='none'
         class='dv-button-svg'
-        fill="currentColor"
+        fill='currentColor'
       >
         <g style='transform: translate(2px, 2px);'>
           <g>
diff --git a/src/custom-button/component/custom-button5.tsx b/src/custom-button/component/custom-button5.tsx
index 6e7815f3fa90583132df9e28863e48ff869226ce..a332436d2a5ac8f7c96aafe702a07baa7df9cf18 100644
--- a/src/custom-button/component/custom-button5.tsx
+++ b/src/custom-button/component/custom-button5.tsx
@@ -8,7 +8,7 @@ export const CustomButton5 = defineComponent({
         viewBox='0 0 187 38'
         preserveAspectRatio='none'
         class='dv-button-svg'
-        fill="currentColor"
+        fill='currentColor'
       >
         <g style='transform: translate(2px, 2px);'>
           <g>
diff --git a/src/custom-button/component/custom-button6.tsx b/src/custom-button/component/custom-button6.tsx
index dec9d2191c4329d70d5d52c2cd1d3a71ec94d51b..91532da68657b6ed8c8197bf6e1d55bfb7a335da 100644
--- a/src/custom-button/component/custom-button6.tsx
+++ b/src/custom-button/component/custom-button6.tsx
@@ -8,7 +8,7 @@ export const CustomButton6 = defineComponent({
         viewBox='0 0 167 38'
         preserveAspectRatio='none'
         class='dv-button-svg'
-        fill="currentColor"
+        fill='currentColor'
       >
         <g style='transform: translate(2px, 2px);'>
           <g>
diff --git a/src/custom-button/custom-button.scss b/src/custom-button/custom-button.scss
index dff5b86f2caf1167448d32f43f1e2b4ff0b2275c..aa3fde35d4ac25b847a684456175b931391d65c2 100644
--- a/src/custom-button/custom-button.scss
+++ b/src/custom-button/custom-button.scss
@@ -1,44 +1,50 @@
 /* stylelint-disable custom-property-pattern */
-@include b('panel-button'){
-    @include when('custon-btn'){
-      padding: 0;
-    }
+@include b('panel-button') {
+  @include when('custon-btn') {
+    padding: 0;
   }
-  @include b('panel-button-custon-btn'){
-    position:relative;
-    width: 100%;
-    height: 100%;
-    padding: getCssVar(spacing-tight);
-    color: var(--svgColor,getCssVar(screen-dashboard,text-color));
-    text-align: center;
-    cursor: pointer;
+  @include e('raw-item') {
+    position: relative;
+    color: var(--svgColor, getCssVar(screen-dashboard, primary-color));
+  }
+}
+@include b('panel-button-custon-btn') {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: getCssVar(spacing-tight);
+  color: var(--svgColor, getCssVar(screen-dashboard, text-color));
+  text-align: center;
+  cursor: pointer;
 
-    >svg{
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: -1;
-    }
+  > svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+  }
 
-    .dv-button-svg {
-      display: block;
-      flex: 1 1 0%;
-      width: 100%;
-      height: 100%;
-      filter: drop-shadow(var(--svgBorderColor, getCssVar(screen-dashboard,primary-color)) 0 0 2px);
-    }
+  .dv-button-svg {
+    display: block;
+    flex: 1 1 0%;
+    width: 100%;
+    height: 100%;
+    filter: drop-shadow(
+      var(--svgBorderColor, getCssVar(screen-dashboard, primary-color)) 0 0 2px
+    );
+  }
 
-    .dv-button-svg-bg {
-      opacity: var(--svgBgOpacity);
-      fill: var(--svgBgColor,getCssVar(screen-dashboard,primary-color));
-      stroke: transparent;
-      stroke-width: 0;
-    }
+  .dv-button-svg-bg {
+    opacity: var(--svgBgOpacity);
+    fill: var(--svgBgColor, getCssVar(screen-dashboard, primary-color));
+    stroke: transparent;
+    stroke-width: 0;
+  }
 
-    .dv-button-svg-line {
-      fill: transparent;
-      stroke: var(--svgColor,getCssVar(screen-dashboard,primary-color));
-      stroke-width: 2;
-      vector-effect: non-scaling-stroke;
-    }
-  }
\ No newline at end of file
+  .dv-button-svg-line {
+    fill: transparent;
+    stroke: var(--svgColor, getCssVar(screen-dashboard, primary-color));
+    stroke-width: 2;
+    vector-effect: non-scaling-stroke;
+  }
+}
diff --git a/src/custom-button/custom-button.tsx b/src/custom-button/custom-button.tsx
index 2d5b4aed4b8266d87308065cb6a0f4173204c5b2..3df4361f0fe141a502cdd4c510d239d035854c23 100644
--- a/src/custom-button/custom-button.tsx
+++ b/src/custom-button/custom-button.tsx
@@ -1,9 +1,5 @@
 import { useNamespace } from '@ibiz-template/vue3-util';
-import {
-  IHtmlItem,
-  IPanelRawItem,
-  ITextItem,
-} from '@ibiz/model-core';
+import { IHtmlItem, IPanelRawItem, ITextItem } from '@ibiz/model-core';
 import {
   PropType,
   Ref,
@@ -151,6 +147,7 @@ export const CustomButton = defineComponent({
         <div class={this.ns.b('custon-btn')} style={this.svgStyle}>
           {buttonName && h(buttonName)}
           <iBizRawItem
+            class={this.ns.e('raw-item')}
             rawItem={this.modelData}
             content={this.content}
           ></iBizRawItem>