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 三者的区别

相关推荐
coding随想37 分钟前
JavaScript ES6 解构:优雅提取数据的艺术
前端·javascript·es6
年老体衰按不动键盘41 分钟前
快速部署和启动Vue3项目
java·javascript·vue
灵感__idea1 小时前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
星辰引路-Lefan1 小时前
深入理解React Hooks的原理与实践
前端·javascript·react.js
江城开朗的豌豆2 小时前
JavaScript篇:函数间的悄悄话:callee和caller的那些事儿
javascript·面试
江城开朗的豌豆2 小时前
JavaScript篇:回调地狱退散!6年老前端教你写出优雅异步代码
前端·javascript·面试
TE-茶叶蛋2 小时前
Vue Fragment vs React Fragment
javascript·vue.js·react.js
Angindem2 小时前
从零搭建uniapp项目
前端·vue.js·uni-app
Carlos_sam3 小时前
Opnelayers:封装Popup
前端·javascript
MessiGo4 小时前
Javascript 编程基础(5)面向对象 | 5.1、构造函数实例化对象
开发语言·javascript·原型模式