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

简介: 解决Elementui输入框(text)与文本域(textarea)字体不一样问题

一、现象

测试反应,单行文本里边的文字和多行文本里边的内容不一样,效果如下:

 

二、修改方法

通过BAIDU,发现是原生textarea默认字体问题


增加.el-textarea__inner字体属性,问题得到解决

 

Element - The world's most popular Vue UI framework

 

.el-textarea__inner{
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

三、测试

目录
相关文章
|
2月前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
57 0
|
24天前
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
18 1
|
2月前
|
移动开发 JavaScript 小程序
uView Textarea 文本域
uView Textarea 文本域
62 0
|
8月前
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
72 1
|
7月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
|
8月前
easyUI 设置datagrid的行高 + 文字超宽换行
easyUI 设置datagrid的行高 + 文字超宽换行
253 0
|
11月前
|
前端开发
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
使用 div 实现 input、textarea 输入框,并支持 placeholder 属性(解决浏览器兼容问题)
129 0
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
|
移动开发 Java HTML5
HTML5 学习12.文本框和单选框
HTML5 学习12.文本框和单选框

热门文章

最新文章