diff --git a/core/frontend/src/components/elTreeSelect/index.vue b/core/frontend/src/components/elTreeSelect/index.vue
index fe57dc5bc9..a11234a3ac 100644
--- a/core/frontend/src/components/elTreeSelect/index.vue
+++ b/core/frontend/src/components/elTreeSelect/index.vue
@@ -594,7 +594,11 @@ export default {
 }
 .tree-select-all {
     padding: 10px 20px 0 24px;
+    
   }
+  .tree-select-all .el-checkbox__label {
+      color: var(--SelectTreeColor, #606266);
+    }
 [aria-disabled='true'] > .el-tree-node__content {
     color: inherit !important;
     background: transparent !important;
diff --git a/core/frontend/src/components/widget/deWidget/DeSelectGrid.vue b/core/frontend/src/components/widget/deWidget/DeSelectGrid.vue
index a69f0a352c..acaf9cc5c9 100644
--- a/core/frontend/src/components/widget/deWidget/DeSelectGrid.vue
+++ b/core/frontend/src/components/widget/deWidget/DeSelectGrid.vue
@@ -29,8 +29,10 @@
           v-model="checkAll"
           :indeterminate="isIndeterminate"
           @change="handleCheckAllChange"
-        />
+        >
         {{ $t('commons.all') }}
+        </el-checkbox>
+        
 
         <el-checkbox-group
           v-model="value"
diff --git a/core/frontend/src/components/widget/deWidget/inputStyleMixin.js b/core/frontend/src/components/widget/deWidget/inputStyleMixin.js
index 362ba87875..a8efb743b8 100644
--- a/core/frontend/src/components/widget/deWidget/inputStyleMixin.js
+++ b/core/frontend/src/components/widget/deWidget/inputStyleMixin.js
@@ -34,7 +34,7 @@ export default {
     },
     multiple: {
       handler() {
-        if (!['de-select-tree', 'de-select'].includes(this.element.component)) return
+        if (!['de-select-tree', 'de-select', 'de-select-grid'].includes(this.element.component)) return
         const time = setTimeout(() => {
           clearTimeout(time)
           this.typeTransform().forEach(ele => {