如何更改<el-input type=textarea选中是边框颜色

在Element UI的`<el-input>`组件中，如果你想要改变文本区域（textarea）的选中文字边框颜色，你需要通过自定义样式来实现。你可以直接给`.el-textarea.is-focused`这个CSS类添加样式，因为这是Input在获取焦点时应用的样式。

例如，如果你想将选中的文字边框颜色改为红色，可以这样做：

.el-textarea.is-focused {
  border-color: red; /* 将边框颜色更改为红色 */
}

如果你想在Vue文件中动态设置这个颜色，可以在需要的时候修改`$el`的样式，比如：

export default {
  methods: {
    changeBorderColor() {
      this.$refs.myTextarea.style.borderColor = 'red'; // myTextarea是你input元素的ref名
    }
  },
  mounted() {
    this.changeBorderColor();
  }
}

然后在HTML模板上绑定事件触发这个方法：

<el-input ref="myTextarea" type="textarea"></el-input>
<button @click="changeBorderColor">改变边框颜色</button>

相关问题

<el-input type="textarea" placeholder="请输入..." v-model="emp.workstate" maxlength="30" style="width:350px;margin-bottom:10px" show-word-limit> </el-input>

这段代码是一个使用了 Element UI 组件库中的 el-input 组件，并设置了 type 为 textarea，可以输入多行文本。placeholder 属性是输入框中的提示文本，v-model 属性是将输入框中的值绑定到 Vue 实例中的 emp.workstate 属性中，maxlength 属性是限制输入框中的最大字符数为 30。style 属性是设置输入框的样式，宽度为 350 像素，下方留有 10 像素的间隔。show-word-limit 属性是显示输入框中已输入的字符数量和最大字符数的提示。

<el-form-item label="质检备注"> <el-input type="textarea" v-model="dataForm.remark" maxlength="100" placeholder="请输入内容" show-word-limit style="width: 70%;min-height: 132px;" ></el-input> </el-form-item> vue 和 element-ui实现补全修改代码，需求是代码原有基础上 将el-input最低高度为132px,这样出现一个问题需要修复，el-textarea__inner的min-height产生了冲突，需要解决，实现el-input的最低高度为132px，并且只对当前的el-textarea__inner生效，因为还有别的代码有el-textarea__inner避免冲突

可以在CSS中针对当前的el-input组件下的el-textarea__inner元素设置min-height属性。

首先，在样式表中添加以下代码：

.el-input .el-textarea__inner {
  min-height: 132px !important;
}

然后，将el-input的style属性修改为：

style="width: 70%;min-height: 132px;overflow: auto;"

这里加上了一个overflow: auto;属性，以防止内容溢出。这样就可以实现el-input的最低高度为132px，并且只对当前的el-textarea__inner生效，避免冲突。