html - 如何在移动视图中显示输入类型编号的向上/向下箭头？

Question

对于输入类型编号，Web视图中输入框右侧的上/下箭头很容易显示。我还阻止了输入的默认输入，因此您被迫使用箭头来增加/减少数字。但箭头不会显示在移动视图中。有没有办法在移动视图中强制使用箭头，这样用户就不会输入数字而是使用增量/减量？

标签： htmlcss

Answer 1

试试这个媒体查询

@media only screen and (max-width : 1024px) {
    input[type=number]::-webkit-inner-spin-button, 

    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none
      margin: 0;
    }
}