input 字体与textarea字体不一样,在大屏(如台式电脑)上都看不出区别,但在小屏幕上 显示特别明显。直接上图
在这里插入图片描述
原因:
看了一下,都是默认的属性;
textarea被改为

font-family: monospace;

解决方法:
在全局设置css:

textarea {
	//font-family: Arial, Helvetica, sans-serif;
	//修改点[1]
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

延申:
这不是element-ui的问题,是原生textarea默认的~
element-ui字体

 
备注:
[1]:经 laosixnotwo 同学的提醒,此处进行了修改,我当时直接把我的项目字体给写上去了,建议你们根据你们的项目情况用element-ui的标准字体。(2020-11-16)

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐