AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2024-06-24 218
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 解决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;
}

三、测试

文章标签：
JavaScript
好奇的菜鸟
目录
相关文章
G佳伟
|
3月前
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
G佳伟
74 1
G佳伟
|
3月前
|
JavaScript
使用layui checkbox复选框样式实现单选功能
使用layui checkbox复选框样式实现单选功能
G佳伟
288 0
破浪前进
|
4月前
|
移动开发 JavaScript 小程序
uView Textarea 文本域
uView Textarea 文本域
破浪前进
78 0
祈澈菇凉
|
10月前
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
祈澈菇凉
90 1
DyeDD
|
9月前
表单单选框，多选框美化
之前总是匆匆看过，如今终于知道该怎么搞了。。。 **利用label挂钩checkbox的特点来实现。 当html代码中，label的for属性值和checkbox的id值一样的时候，label就可以控制checkbox的选择了。
DyeDD
31 0
讓丄帝愛伱
|
10月前
layUI 选中表格 checkbox
layUI 选中表格 checkbox
讓丄帝愛伱
50 0
卡尔特斯
|
前端开发
使用 div 实现 input、textarea 输入框，并支持 placeholder 属性（解决浏览器兼容问题）
使用 div 实现 input、textarea 输入框，并支持 placeholder 属性（解决浏览器兼容问题）
卡尔特斯
149 0
学吧太深了
jqGrid 表格设置单选按钮
jqGrid 表格设置单选按钮
学吧太深了
134 0
前端技术栈
form表单 +input的属性值+textarea文本域+select下拉菜单
form表单 +input的属性值+textarea文本域+select下拉菜单
前端技术栈
105 0
游客obmvqjtme7jkc
|
移动开发 Java HTML5
HTML5 学习12.文本框和单选框
HTML5 学习12.文本框和单选框
游客obmvqjtme7jkc
138 0