今天使用elementui中input及textarea时，发现两种控件默认显示的字体是不一致的，input的比较扁，而textarea显示的比较瘦高。可以看下下面这张图，比较明显。

原因

通过F12，我们可以看到textarea的字体为monospace,如下图
input的字体为Arial,如下图

解决

在全局css文件加入以下代码即可， 因为我们项目使用的是ruoyi的系统，所以在sec/assets/styles/element-ui.scss文件中加入以下代码即可

textarea {
  //font-family: Arial, Helvetica, sans-serif;
  //解决TextArea与input不一致的问题
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}