2. 解决方案
输入框样式类为class='el-input'，内部输入框的样式类为class='el-input__inner'，所以可以针对内部输入框进行统一调整。
.el-input .el-input__inner {
font-size: 1.5em;
font-weight: bolder;
padding: 0 4px;
}
其中padding用于调整输入框内边距。
el-input el-select调整字体及内边距
2021-11-17
2354
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
1. 背景el-input输入框默认提供的字体较小，且内边距较大。这是为了提供统一的样式和好看的外观。在某些情况下，我们希望使用较大的字体，且让输入框的内边距小一些以便容纳更多东西。
目录
相关文章
|
10月前
Element el-select 选择器(下拉框)详解
本文目录
1. 用途
2. 数据绑定
2.1 固定选项
2.2 选项绑定数组
3. 功能效果
3.1 可清空选项
3.2 多选
3.3 可搜索
4. 事件响应
5. 小结
4610
0
0
|
1月前
|
6月前
|
前端开发
el-option样式改变以及多个el-option无法并列问题详解(element-plus+Vue3)
el-option样式改变以及多个el-option无法并列问题详解(element-plus+Vue3)
109
0
0
|
7月前
|
9月前
|
JavaScript
el-select下拉多选框 el-select 设置默认值不可删除功能
Element-UI是一款广泛使用的Vue.js组件库，其中El-Select下拉多选框组件在实际项目开发中经常被使用。然而，在Element 3.0版本中，El-Select下拉多选框默认值可被删除，这可能会导致一些意外情况。本文将介绍如何解决这个问题，实现El-Select下拉多选框设置默认值不可删除的功能。
325
0
0
|
10月前
el-tooltip快速切换元素,页面边缘产生el-tooltip,el-tooltip问题
el-tooltip快速切换元素,页面边缘产生el-tooltip,el-tooltip问题
76
0
0
|
10月前
|
JavaScript
|
10月前
热门文章
最新文章
1
阿里云A100 GPU服务器租用价格表_按小时_包年包月费用
2
Hadoop数据迁移MaxCompute最佳实践
3
Kubernetes 入门教程
4
Vue+Django+MySQL搭建指南（个人全栈快速开发）
5
FPGA 那些事儿之异构计算
6
TextView 代码设置最大长度之maxLength和maxEms
7
“出海”与管理思想变革
8
<数据库>高性能Redis快速入门 | (附Redis常用命令)
9
Cannot instantiate the type List
10
在迁移邮箱时， Mailbox Size Exceeds Target Quota 2.3GB错误的解决