el-input的type=number去掉后面的调整箭头

el-input的type=number去掉后面的调整箭头

一、问题描述

el-input使用tpye =number时,是可以在输入框中输入数字格式的内容,但是会在输入框的右边出现上下调整的箭头,虽然不影响功能,但是看着很不美观

二、解决方法

<el-input type="number"></el-input>
<style lang="scss">
/deep/ input::-webkit-outer-spin-button,
  /deep/ input::-webkit-inner-spin-button {
    
    
    -webkit-appearance: none !important;
  }
  /deep/ input[type="number"] {
    
    
    -moz-appearance: textfield !important;
  }
</style>

在样式中加入上段代码即可
目前谷歌浏览器是可以实现功能,其余浏览器没做实验

猜你喜欢

转载自blog.csdn.net/qq_45093219/article/details/125051926
今日推荐