Element textarea 文字模糊 解决方法

上网搜查了很多方法，每一个都试了一遍之后发现没有起作用，原因可能是由于textarea的高度是一个不可控的情况，有了滚动条或边框后会引起浏览器计算错误（主要在chrome），通过修改样式后解决了。

.el-textarea {
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  overflow: hidden;
}
.el-textarea__inner {
  min-height: 110px;
  border-radius: 0;
  border: none;
}

将原本textarea上面的边框样式改到了它的父级，这样既有原来的样式效果，也可以避免textarea中间文字显示模糊的问题。