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

相关推荐
白云~️2 分钟前
uniappX 移动端单行/多行文字隐藏显示省略号
开发语言·前端·javascript
天天进步201524 分钟前
Vue项目重构实践:如何构建可维护的企业级应用
前端·vue.js·重构
2402_8575834924 分钟前
“协同过滤技术实战”:网上书城系统的设计与实现
java·开发语言·vue.js·科技·mfc
小华同学ai27 分钟前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
问道飞鱼40 分钟前
【前端知识】强大的js动画组件anime.js
开发语言·前端·javascript·anime.js
k093341 分钟前
vue中proxy代理配置(测试一)
前端·javascript·vue.js
若川2 小时前
Taro 源码揭秘:10. Taro 到底是怎样转换成小程序文件的?
前端·javascript·react.js
IT女孩儿2 小时前
JavaScript--WebAPI查缺补漏(二)
开发语言·前端·javascript·html·ecmascript
@解忧杂货铺6 小时前
前端vue如何实现数字框中通过鼠标滚轮上下滚动增减数字
前端·javascript·vue.js
苹果酱05678 小时前
「Mysql优化大师一」mysql服务性能剖析工具
java·vue.js·spring boot·mysql·课程设计