html - 输入数字中的微调器隐藏在手机和平​​板电脑上

Question

我在移动和平板设备上显示上/下微调器时遇到问题。我已经写了一些 Css 来实现这个技巧，但它不起作用:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1 !important;

}

我应该如何在手机和平​​板电脑上显示输入数字的微调器？

谢谢

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; 
    }
}