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

相关推荐
vipbic3 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
资源大佬星 课it3 小时前
重学C++ ,重构你的C++知识体系
vue.js·docker·django
Eason_Lou4 小时前
【无标题】
前端·vue.js·html
kyriewen5 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程
慧都小妮子6 小时前
前端实现复杂公式计算:SpreadJS 在京东物流 Udata 平台的落地实践
javascript·数据分析·excel·数据可视化·spreadjs·前端表格控件
Eason_Lou6 小时前
vue flow使用注意事项
前端·vue.js
JJJennie7776 小时前
Gemini 3.7 Flash 上线,Google 想让 AI 多干活
开发语言·javascript·ecmascript
MgArcher7 小时前
抖音a_bogus参数逆向实战:JSVMP环境模拟与Hook技术(2025最新)
javascript·爬虫·python
晴天169 小时前
Mojo IPC 和 Electron 的关系-Day21
javascript·electron·mojo