1、问题：

//html代码
<el-input
  class="textarea-input"
  v-model="searchKey"
  type="textarea"
  :rows="5"
  :maxlength="500"
  show-word-limit
  placeholder="请输入"
  style="width:280px;"
  >
</el-input>

 

 

 

 2、尝试给textarea里的滚动条增加样式，结果并没有生效：

//css样式
.textarea-input {
  /deep/>textarea {
    &::-webkit-scrollbar {
      //滚动条整体部分
      cursor:pointer !important;
    }
    &::-webkit-scrollbar-thumb {
      //滚动条里面的小方块
      cursor:pointer !important; 
    } 
  } 
}

原因：由于input框自身内置了cursor:text;属性，且滚动条始终在文本输入框内部，导致样式未生效。

3、解决方法：对于textarea多行文本框使用unset属性，即可解决

//css样式
.textarea-input {
  /deep/>textarea {
    cursor:unset;
  }
}