el-input或者el-input-number文字居中

vue3:

复制代码
<el-input class="center-input" v-model="***"/>

<style scoped>
::v-deep(.center-input .el-input__inner ){
    text-align: center;
}
</style>

vue2:

复制代码
​
<el-input class="center-input" v-model="***"/>

<style scoped>
/v-deep/ .center-input .el-input__inner {
    text-align: center;
}
</style>

​

主要处理vue样式穿透的问题,也可参考vue------样式穿透/deep/ >>> ::v-deep 三者的区别

相关推荐
Byron070718 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
Mr Xu_19 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构
Byron070720 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
zhengfei61120 小时前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台
vue.js·语言模型·langchain·知识图谱·多分类
徐小夕@趣谈前端20 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
德育处主任Pro20 小时前
纯前端网格路径规划:PathFinding.js的使用方法
开发语言·前端·javascript
墨笔.丹青20 小时前
基于QtQuick开发界面设计出简易的HarmonyUI界面----下
开发语言·前端·javascript
董世昌4121 小时前
深度解析浅拷贝与深拷贝:底层逻辑、实现方式及实战避坑
前端·javascript·vue.js
扶苏100221 小时前
vue使用event.dataTransfer实现A容器数据拖拽复制到到B容器
前端·vue.js·chrome
David凉宸21 小时前
Vue 3 项目的性能优化策略:从原理到实践
前端·vue.js·性能优化