diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
index 283d264b4..5f9ce6869 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
@@ -148,6 +148,24 @@
         padding-left: 10px;
         box-sizing: border-box;
       }
+      .mapping-iconSelect {
+        .el-input__inner{
+          color: transparent;
+        }
+        .el-input__inner::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
+          color: $--color-text-placeholder;
+        }
+        .el-input__inner::-moz-placeholder { /* Firefox 19+ */
+          color: $--color-text-placeholder;
+        }
+        .el-input__inner:-ms-input-placeholder { /* IE 10+ */
+          color: $--color-text-placeholder;
+        }
+        .el-input__inner:-moz-placeholder { /* Firefox 18- */
+          color: $--color-text-placeholder;
+        }
+      }
+      
       .mapping-icon{
         position: absolute;
         left: 8px;
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index 1e091fa1f..372c6539c 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -675,6 +675,7 @@
                       style="width: 75px"
                       :placeholder="$t('el.select.placeholder')"
                       @change="change('valueMapping', index)"
+                      class="mapping-iconSelect"
                     >
                     <template slot="prefix">
                       <i class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index bcc742e95..0d0eb9fc6 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -637,6 +637,7 @@
                       style="width: 75px"
                       :placeholder="$t('el.select.placeholder')"
                       @change="change('valueMapping', index)"
+                      class="mapping-iconSelect"
                     >
                     <template slot="prefix">
                       <i class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>