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

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

2024-06-24 1188
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 解决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
好奇的菜鸟
目录
相关文章
a15034260562-24955
|
前端开发
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
a15034260562-24955
2559 0
漏刻有时
Echarts组件legend属性显示数据和icon图片自定义的解决方案
Echarts组件legend属性显示数据和icon图片自定义的解决方案
漏刻有时
1180 0
仙鹤童子```
element-plus：el-date-picker日期只选择年月不要日
element-plus：el-date-picker日期只选择年月不要日
仙鹤童子```
1868 0
小鱼儿编程
|
开发工具 数据安全/隐私保护 git
Git报错 Incorrect username or password (access token) 的解决方式
Git报错 Incorrect username or password (access token) 的解决方式
小鱼儿编程
3736 0
Git报错 Incorrect username or password (access token) 的解决方式
fruge365
|
JavaScript
【vue】 vue-seamless-scroll 无缝滚动依赖
【vue】 vue-seamless-scroll 无缝滚动依赖
fruge365
2030 1
前端的路人丁
el-tree技巧之只能选中最后一层级的子节点以及查找树结构第一个无子节点的叶节点
el-tree技巧之只能选中最后一层级的子节点以及查找树结构第一个无子节点的叶节点
前端的路人丁
2751 0
chnjames
|
前端开发 JavaScript 开发者
利用 el-select 和 el-tree 实现树形结构多选框联动功能
本文详细介绍了如何使用ElementUI中的el-select下拉选择器和el-tree树形控件来实现多功能联动选择器，包括多选、删除、搜索、清空选项等功能。通过树形控件展示复杂的层级结构，用户可以通过下拉选择树形节点，实时搜索节点，且支持批量选择和删除功能。文中提供了完整的HTML、JavaScript和CSS代码实现，帮助开发者快速集成此功能。
chnjames
6003 0
利用 el-select 和 el-tree 实现树形结构多选框联动功能
蓝易云
|
JavaScript API
Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
通过上述方法，我们便能够在ECharts中根据数据的正负为每个图例项设置不同的样式，增强了图表的可读性和表现力。这种方法虽然略显间接，但不失为一种灵活的解决方案。
蓝易云
2365 2
chnjames
|
JavaScript UED
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
【10月更文挑战第5天】本示例展示了如何在 Vue.js 中使用 Element UI 组件实现动态添加和删除嵌套表单项。该表单包含设备信息、设备部位及其对应的任务列表，支持用户动态添加设备部位和任务，并提供相应的表单验证规则。
chnjames
1964 0
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
Yaiba123
ElementPlus 之 el-select 多选实现全选功能
本文介绍了在ElementPlus框架中，如何通过自定义事件处理和条件判断实现`el-select`多选控件的全选功能。
Yaiba123
2611 1
ElementPlus 之 el-select 多选实现全选功能

热门文章

最新文章

  • 1
    阿里巴巴如何远程办公！这些工具都能帮你
  • 2
    Kubernetes Meetup深秋成都行 Ghostcloud精灵云获好评如云
  • 3
    MySQL 小心使用 replace into
  • 4
    厉害了，蚂蚁金服！创造了中国自己的数据库OceanBase
  • 5
    阿里云服务器价格表2023，云服务产品价格对比
  • 6
    Spring - @Service、@Repository注解（service类、dao类）（实现类 & 接口类）
  • 7
    移除指定目录的文件
  • 8
    Tomcat的设置2——设置虚拟子目录和欢迎页
  • 9
    hdu 1711 Number Sequence
  • 10
    在Delphi程序中使用正则表达式
  • 1
    OpenClaw多Agent协作系统实操：本地+阿里云部署与千问/Coding Plan API配置全指南
    78
  • 2
    Web4实体赋能关键一步！OmniPact成OTC价值枢纽
    53
  • 3
    阿里云+本地全平台部署OpenClaw｜iMessage集成+大模型千问/Coding Plan API+避坑指南
    65
  • 4
    OpenClaw搭建金融投研Agent：接入QVeris一键接入万级数据源+阿里云/本地部署与模型配置教程
    119
  • 5
    阿里云+本地全平台部署OpenClaw｜iMessage集成+千问/Coding Plan API+避坑指南
    52
  • 6
    OpenClaw(Clawdbot)本地+阿里云部署实操：知识库搭建与大模型API对接全流程
    109
  • 7
    阿里云+本地三系统部署 OpenClaw 及精准参数调优手册：千问/Coding Plan模型对接教程
    65
  • 8
    零基础保姆级｜阿里云计算巢+MacOS/Linux/Windows11部署OpenClaw 技能集成+大模型配置全流程
    115
  • 9
    【分层架构】Spring MVC三层架构 / DDD领域驱动四层架构 / 微服务分布式架构（DAO/Mapper/Repository/Service/Controller/Manager）
    44
  • 10
    【数据载体POJO】POJO / DO / PO / DTO / VO / BO / Query / Entity / TO 全方位对比分析
    45

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    狂揽7.5k星！这款开源API网关彻底解放开发者：一键聚合GPT-4、Suno、Midjourney，还能在线充值！