diff --git a/frontend/src/components/ElVisualSelect/index.vue b/frontend/src/components/ElVisualSelect/index.vue
index c723ecc94e..4bdf28be55 100644
--- a/frontend/src/components/ElVisualSelect/index.vue
+++ b/frontend/src/components/ElVisualSelect/index.vue
@@ -16,6 +16,8 @@
 </template>
 
 <script>
+import { handlerInputStyle } from '@/components/widget/DeWidget/serviceNameFn.js'
+
 import { uuid } from 'vue-uuid'
 export default {
   name: 'ElVisualSelect',
@@ -106,8 +108,13 @@ export default {
       }
       this.options = this.newList.slice(0, this.maxLength)
     },
-
+    customInputStyle() {
+      if (!this.$parent.$parent.handlerInputStyle) return;
+      handlerInputStyle(this.$refs.visualSelect.$el.querySelector('.el-input__inner'), this.$parent.element.style)
+      handlerInputStyle(this.$refs.visualSelect.$el.querySelector('.el-select__input'), {wordColor: this.$parent.element.style.wordColor})
+    },
     init() {
+      this.customInputStyle()
       if (this.defaultFirst && this.list.length > 0) {
         this.selectValue = this.list[0].value
       }
diff --git a/frontend/src/components/widget/DeWidget/serviceNameFn.js b/frontend/src/components/widget/DeWidget/serviceNameFn.js
index bf932e5005..a05fba6bd0 100644
--- a/frontend/src/components/widget/DeWidget/serviceNameFn.js
+++ b/frontend/src/components/widget/DeWidget/serviceNameFn.js
@@ -73,6 +73,12 @@ function textSelectWidget(nodeCache, style) {
     }
 }
 
+function handlerInputStyle (node, style) {
+    styleAttrs.forEach(ele => {
+        node.style[attrsMap[ele]] = style[ele];
+    })
+}
+
 export {
     attrsMap,
     styleAttrs,
@@ -80,5 +86,6 @@ export {
     textInputWidget,
     textSelectGridWidget,
     textSelectTreeWidget,
-    textSelectWidget
+    textSelectWidget,
+    handlerInputStyle,
 }
\ No newline at end of file