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

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

2024-06-24 941
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 解决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
5369 0
解决安装依赖时报错：npm ERR! code ERESOLVE
左边的天堂
|
前端开发
解决el-descriptions的label-class-name不生效问题
解决el-descriptions的label-class-name不生效问题
左边的天堂
1552 0
大可。
|
JavaScript
Vue使用Element的表格Table显示树形数据，多选框全选无法选中全部节点
Vue使用Element的表格Table显示树形数据，多选框全选无法选中全部节点
大可。
1492 0
热爱技术的小郑
|
JavaScript
成功解决：el-dialog弹出窗口、数据第一次没有加载、第二次打开才能加载数据。（每次页面刷新后、第一次打开dialog窗口、图片数不加载）
这篇文章分享了解决Vue中`el-dialog`弹出窗口在第一次打开时数据未加载问题的技巧，通过改变组件的`key`属性来强制Vue重新渲染DOM，从而确保数据正确加载。
热爱技术的小郑
3366 0
成功解决：el-dialog弹出窗口、数据第一次没有加载、第二次打开才能加载数据。（每次页面刷新后、第一次打开dialog窗口、图片数不加载）
杀死一只知更鸟debug
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
1199 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
蒾酒
有关elementUI el-form表单配置了校验规则但是反向校验问题
有关elementUI el-form表单配置了校验规则但是反向校验问题
蒾酒
275 2
码喽的自我修养
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析，超详细！
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析，超详细！
码喽的自我修养
991 0
Yaiba123
|
前端开发 JavaScript
基于Vue3实现鼠标按下某个元素进行拖动，实时改变左侧或右侧元素的宽度，以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能，并展示了点击按钮收起或展开侧边栏的效果，提供了完整的实现代码和操作演示。
Yaiba123
1746 0
基于Vue3实现鼠标按下某个元素进行拖动，实时改变左侧或右侧元素的宽度，以及点击收起或展开的功能
小宋1021
|
SQL 前端开发 关系型数据库
芋道框架万字详解(前后端分离)、若依框架、yudao-cloud保姆级攻略
芋道框架万字详解(前后端分离)、若依框架、yudao-cloud保姆级攻略
小宋1021
17522 5
刻刻帝的海角
|
存储 JavaScript 前端开发
vue3获取本地的当前时间转化为年月日显示然后计算之后一周的时间
vue3获取本地的当前时间转化为年月日显示然后计算之后一周的时间
刻刻帝的海角
1535 2

热门文章

最新文章

  • 1
    2024年 15 个最佳免费开源 Linux 文件管理器
  • 2
    数字孪生核心技术揭秘（三）：倾斜摄影
  • 3
    PostgreSQL黑科技大集会
  • 4
    优秀开发者之美女站长的推广之路
  • 5
    从刷脸登机到智能测量分拣，3D识别技术将迎来大爆发
  • 6
    闲鱼无障碍是怎么在端侧实现的
  • 7
    STM32小项目总结1(部分基础知识+LED+蜂鸣器+按键控制LED+OLED显示屏+光敏传感器控制蜂鸣器)
  • 8
    RTC硬件时钟设置修改【转】
  • 9
    MyEclipse调试过程中遇到一个奇怪的问题
  • 10
    树莓派 之 电源
  • 1
    【Spring Boot实战】EasyPoi神技：一篇搞定“一对多+图片”导入！
    42
  • 2
    《聊聊分布式》分布式系统基石：深入理解CAP理论及其工程实践
    35
  • 3
    《聊聊分布式》从单体到分布式：电商系统架构演进之路
    42
  • 4
    《聊聊分布式》分布式系统核心概念
    42
  • 5
    《深入理解Spring》：Spring MVC架构深度解析与实践
    33
  • 6
    《深入理解Spring》性能监控与优化——构建高性能应用的艺术
    38
  • 7
    《深入理解Spring》单元测试——高质量代码的守护神
    32
  • 8
    《深入理解Spring》定时任务——自动化调度的时间管理者
    30
  • 9
    《深入理解Spring》事务管理——数据一致性的守护者
    66
  • 10
    《深入理解Spring》过滤器（Filter）——Web请求的第一道防线
    29

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云无影云电脑免费使用_免费申请教程