解决el-input输入框(text)与文本域(textarea)字体不一样问题

问题:组件库默认的textarea字体类型在一些比较旧的win7系统容易出现不适配的问题,如下图

很明显字体显示出现了问题

出现原因:可能是分辨率太低,也可能是该电脑对该字体适配有问题

解决办法:与上面的输入库字体保持一致

一般情况,我们一个网站的textarea字体都是一样的, 所以可以在app.vue中直接修改字体样式,以下代码是我对全局样式的一些统一

<style lang="less">
@import "assets/less/index.less";
@import "assets/less/reset";
//解决输入框(text)与文本域(textarea)字体不一致问题
.el-textarea__inner {
  font-family: Arial, Helvetica, sans-serif !important;
}
/* 解决el-table 表线不齐 */
.el-table th.gutter {
  display: table-cell !important;
}
/* 解决el-table切换固定列底部出现线条*/
.tableClass {
  .el-table__fixed,
  .el-table__fixed-right {
    height: 100% !important; //设置高优先,以覆盖内联样式
  }
}
// .filter-item {
// 		display: inline-block;
// 		vertical-align: middle;
// 		margin: 0 3px 10px 0;
// 		input {
// 			height: 30.5px;
// 			line-height: 30.5px;
// 		}
// 	}
.el-table th.table-header-bg {
  background: #f8f8f9 !important;
}
.el-dialog__header {
  background-color: #169fe6 !important;
}
.el-dialog__title {
  color: #f8f8f9 !important;
}
.el-icon-close {
  color: #f8f8f9 !important;
}
.el-button--primary {
  background-color: #169fe6 !important;
  border-color: #169fe6 !important;
}
</style>