如何修改Elementplus UI中el-input组件下的.el-textarea样式？

要在Element Plus UI中修改`.el-input`组件下的`.el-textarea`样式，你可以通过以下几个步骤：

1. 首先，在你的CSS文件或者组件的 scoped CSS 中引入对`.el-textarea`的选择器。

<style scoped>
  .custom-textarea {
    /* 这里可以替换为你想要修改的具体样式 */
    height: 150px; /* 自定义高度 */
    border-color: #ccc; /* 修改边框颜色 */
    resize: vertical; /* 设置文本区域是否允许垂直滚动 */
  }
</style>

2. 给需要修改样式的`.el-input`添加一个自定义类名，比如`custom-input`。

<el-input class="custom-input" v-model="inputValue">
  <template slot="append">...</template> <!-- 如果有附带元素 -->
  <el-textarea class="custom-textarea"></el-textarea>
</el-input>

3. 现在，当你在`.custom-input`上应用这个类时，它会自动应用`.custom-textarea`的样式。

如果你只想针对特定的`.el-input`实例进行修改，可以在JavaScript中动态添加这个类：

export default {
  data() {
    return {
      inputValue: '',
    };
  },
  mounted() {
    this.$refs.myInputEl.querySelector('.el-textarea').classList.add('custom-textarea');
  },
};

这里的`myInputEl`应该替换为你实际的`el-input`元素的引用名称。