element-ui input 字体 与textarea字体不一样
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)