css：input数字编辑框number去掉右侧上下箭头

实现效果实现代码

<style>
      /* 去掉右侧上下箭头 */
      .mo-input--number input::-webkit-outer-spin-button,
      .mo-input--number input::-webkit-inner-spin-button {
        -webkit-appearance: none;
      }
      .mo-input--number input[type="number"] {
        -moz-appearance: textfield;
      }
    </style>

    <div class="mo-input--number">
      <input type="number" />
    </div>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
 

参考
input设置type=‘number’去掉上下箭头

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/125095797