element ui el-input输入框type=number去掉上下箭头
vue+element ui 输入框type=number,去掉默认自带的上下箭头
·
使用vue框架写法
<div class="container">
<el-input v-model="value" type="number"/>
</div>
// 选择器前要加::v-deep
<style lang="scss" scoped>
.inputScore-container{
::v-deep input::-webkit-outer-spin-button,
::v-deep input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
::v-deep input[type=‘number’] {
-moz-appearance: textfield !important;
}
}
</style>
如果是input标签type=number,将上述css代码中::v-deep去掉即可
更多推荐
已为社区贡献2条内容
所有评论(0)