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

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

2024-06-24 911
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 解决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
好奇的菜鸟
目录
相关文章
zrblue
|
缓存 资源调度
解决安装依赖时报错：npm ERR! code ERESOLVE
解决安装依赖时报错：npm ERR! code ERESOLVE
zrblue
5302 0
解决安装依赖时报错：npm ERR! code ERESOLVE
Yaiba123
|
前端开发 JavaScript
基于Vue3实现鼠标按下某个元素进行拖动，实时改变左侧或右侧元素的宽度，以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能，并展示了点击按钮收起或展开侧边栏的效果，提供了完整的实现代码和操作演示。
Yaiba123
1707 0
基于Vue3实现鼠标按下某个元素进行拖动，实时改变左侧或右侧元素的宽度，以及点击收起或展开的功能
热爱技术的小郑
|
JavaScript
成功解决：el-dialog弹出窗口、数据第一次没有加载、第二次打开才能加载数据。（每次页面刷新后、第一次打开dialog窗口、图片数不加载）
这篇文章分享了解决Vue中`el-dialog`弹出窗口在第一次打开时数据未加载问题的技巧，通过改变组件的`key`属性来强制Vue重新渲染DOM，从而确保数据正确加载。
热爱技术的小郑
3280 0
成功解决：el-dialog弹出窗口、数据第一次没有加载、第二次打开才能加载数据。（每次页面刷新后、第一次打开dialog窗口、图片数不加载）
蒾酒
有关elementUI el-form表单配置了校验规则但是反向校验问题
有关elementUI el-form表单配置了校验规则但是反向校验问题
蒾酒
268 2
Yaiba123
在 Vue3 + ElementPlus 项目中使用 el-autocomplete 控件
本文介绍了在Vue3 + ElementPlus项目中如何使用`el-autocomplete`控件实现自动补全输入功能，并探讨了不同版本ElementPlus中`clearable`属性的兼容性问题。
Yaiba123
1197 0
在 Vue3 + ElementPlus 项目中使用 el-autocomplete 控件
G佳伟
el-input实现后缀图标和clearable的兼容，调整el-input clearable与自定义图标展示位置问题
el-input实现后缀图标和clearable的兼容，调整el-input clearable与自定义图标展示位置问题
G佳伟
814 1
多加点香菜85
|
JavaScript
vue 页面刷新、重置、更新页面所有数据
vue 页面刷新、重置、更新页面所有数据
多加点香菜85
698 1
爱你三千遍斯塔克
|
前端开发
若依修改，配置了一个接口路径出现了，如何放通接口{ “msg“: “请求访问：/code/list，认证失败，无法访问系统资源“, “code“: 401}
若依修改，配置了一个接口路径出现了，如何放通接口{ “msg“: “请求访问：/code/list，认证失败，无法访问系统资源“, “code“: 401}
爱你三千遍斯塔克
3791 0
爱你三千遍斯塔克
|
前端开发
ElementPlus中total出现el.pagination.total，显示总数没有出现怎样解决,出现的是英文，不是中文如何解决，这里如何配置中文，配置中文
ElementPlus中total出现el.pagination.total，显示总数没有出现怎样解决,出现的是英文，不是中文如何解决，这里如何配置中文，配置中文
爱你三千遍斯塔克
811 0
xiaohua616
|
前端开发 小程序
uniapp 将标题背景更换背景图片 完美解决（附加源码+实现效果图）
uniapp 将标题背景更换背景图片 完美解决（附加源码+实现效果图）
xiaohua616
1530 0

热门文章

最新文章

  • 1
    CentOs7 安装 Mysql5.7
  • 2
    B站被删除的视频，该如何找回来？
  • 3
    轻量应用服务器支持带宽套餐升级至流量包套餐流程说明
  • 4
    MySQL数据库备份和恢复操作的步骤和注意事项
  • 5
    PostgreSQL 并行计算解说 之18 - parallel merge join
  • 6
    QT的密码输入框以及国际化的一些问题
  • 7
    .NET开发之快捷键篇
  • 8
    css padding 填充
  • 9
    iOS - 3DTouch 3D 触摸
  • 10
    嵌入式 hi3518平台指定网卡测试是否通外网
  • 1
    《用AI重构工业设备故障预警系统：从“被动维修”到“主动预判”的协作实践》
    42
  • 2
    《从0到1搭建客户画像系统：AI工具矩阵如何解决开发困局》
    32
  • 3
    快应用报错Module Error 分包要求 app.json#minPlatformVersion 不小于 1061, 当前值为 21解决方案-优雅草卓伊凡
    28
  • 4
    快应用打包rpk同时生成了rpk和rpks是为什么？怎么用？-优雅草卓伊凡
    23
  • 5
    Parameter ‘**‘ not found. Available parameters are [0, 1, param1, param2]解决办法
    23
  • 6
    【多光谱滤波器阵列设计的最优球体填充】使用MSFA设计方法进行各种重建算法时，图像质量可以提高至多2 dB，并在光谱相似性方面实现了显著提升（Matlab代码实现）
    22
  • 7
    【高创新】基于优化的自适应差分导纳算法的改进最大功率点跟踪研究（Matlab代码实现）
    51
  • 8
    机器会“看病”？深度学习正在颠覆医学成像！
    44
  • 9
    金融系统宕机一分钟，损失就是百万？聊聊智能化运维该怎么玩！
    35
  • 10
    【概率Copula分类器】实现d维阿基米德Copula相关的函数、HACs相关的函数研究（Matlab代码实现）
    24

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    2025云栖大会，阿里云百炼邀请您的参与和见证