element-ui input输入框和多行文字输入框字体不一样

本文主要是介绍element-ui input输入框和多行文字输入框字体不一样，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

页面中未作样式修改，但是在项目中使用element-ui input输入框和多行文字输入框字体不一样，如下图所示：


这是因为字体不一致引起的，如果想要为Element UI的输入框设置特定的字体，你可以在你的样式表中添加以下CSS代码就可以了：

.el-textarea__inner {font-family: 'YourFont', sans-serif;
}

如果是scss需要加上/deep/
less需要加上>>>样式穿透才能生效

这篇关于element-ui input输入框和多行文字输入框字体不一样的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---