表单远程搜索下拉框增加删除

表单输入框选中文本样式处理

src/components/plugins/table-form/hc-form-select-search.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-select v-model="selectVal" filterable :placeholder="placeholder" :keyname="keyname" @change="formRemoteChange">
+    <el-select v-model="selectVal" filterable :placeholder="placeholder" :keyname="keyname" @change="formRemoteChange" clearable>
         <el-option v-for="item in selectDatas" :label="item.label" :value="item.value"/>
     </el-select>
 </template>

src/styles/app/element.scss

@@ -645,6 +645,7 @@
             color: #606266;
             .el-input__wrapper {
                 background-color: inherit;
+                caret-color: var(--el-color-primary);
             }
         }
         .el-textarea {
@@ -656,6 +657,7 @@
                 border-radius: 3px;
                 color: #606266;
                 height: 100%;
+                caret-color: var(--el-color-primary);
             }
         }
         //日期选择框
@@ -676,6 +678,18 @@
                 background-color: #dcdcdc !important;
             }
         }
+        //文本选中颜色
+        .el-input .el-input__wrapper input,
+        .el-textarea textarea {
+            &::selection{
+                background: var(--el-color-primary-light-9);
+                color: var(--el-color-primary);
+            }
+            &::-moz-selection {
+                background: var(--el-color-primary-light-9);
+                color: var(--el-color-primary);
+            }
+        }
     }
     //非输入框颜色
     td:not([titlexx]), td[titlexx*=''],