el-input el-select调整字体及内边距

简介: 1. 背景el-input输入框默认提供的字体较小,且内边距较大。这是为了提供统一的样式和好看的外观。在某些情况下,我们希望使用较大的字体,且让输入框的内边距小一些以便容纳更多东西。

2. 解决方案

输入框样式类为class='el-input',内部输入框的样式类为class='el-input__inner',所以可以针对内部输入框进行统一调整。


.el-input .el-input__inner {

 font-size: 1.5em;

 font-weight: bolder;

 padding: 0 4px;

}

其中padding用于调整输入框内边距。

相关文章
|
机器学习/深度学习 网络协议 vr&ar
proteus仿真软件中芯片的命名规则与封装方法(详细版)
proteus仿真软件中芯片的命名规则与封装方法(详细版)
2664 0
|
11月前
|
传感器 数据采集 人工智能
[开源免费]基于 STM32 的物流分拣小车设计与实现
基于STM32的智能物流分拣小车,集成红外循迹、超声波避障、无线通信等功能,实现自动识别、路径规划与货物分拣。采用STM32F103为核心,结合传感器融合与电机控制,构建低成本、可扩展的自动化分拣方案,适用于仓储物流及教学实践。(238字)
[开源免费]基于 STM32 的物流分拣小车设计与实现
|
JSON Java 数据格式
springboot后台下载文件报错: Could not find acceptable representation
使用springboot实现从服务器下载文件功能时,报错:Could not find acceptable representation
2022 0
|
缓存 JavaScript
vue中的keep-alive问题(2)
vue中的keep-alive问题(2)
887 137
|
Java Maven Spring
如何在idea中创建Springboot项目? 手把手带你创建Springboot项目,稳!
文章详细介绍了在IDEA中创建Spring Boot项目的过程,包括选择Spring Initializr、配置项目属性、选择Spring Boot版本、导入依赖、等待依赖下载以及项目结构简介。
24025 1
|
JavaScript 前端开发 UED
vue2和vue3的响应式原理有何不同?
大家好,我是V哥。本文详细对比了Vue 2与Vue 3的响应式原理:Vue 2基于`Object.defineProperty()`,适合小型项目但存在性能瓶颈;Vue 3采用`Proxy`,大幅优化初始化、更新性能及内存占用,更高效稳定。此外,我建议前端开发者关注鸿蒙趋势,2025年将是国产化替代关键期,推荐《鸿蒙 HarmonyOS 开发之路》卷1助你入行。老项目用Vue 2?不妨升级到Vue 3,提升用户体验!关注V哥爱编程,全栈开发轻松上手。
1185 2
|
监控 项目管理
软件工程IT项目管理复习之 十一:项目风险管理
软件工程IT项目管理复习之 十一:项目风险管理
1138 0
|
存储 负载均衡 数据管理
分区和分片
分区和分片
1141 5
|
运维 关系型数据库 MySQL
【运维面试100问】(三)说说你在故障排除方面的经历_运维面试故障排查类面经
【运维面试100问】(三)说说你在故障排除方面的经历_运维面试故障排查类面经
【运维面试100问】(三)说说你在故障排除方面的经历_运维面试故障排查类面经
|
存储 算法 安全
深入解析消息认证码(MAC)算法:HmacMD5与HmacSHA1
深入解析消息认证码(MAC)算法:HmacMD5与HmacSHA1