输入号码中的微调器隐藏在手机和平​​板电脑上

时间:2016-06-16 11:22:29

标签: html css

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

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

   opacity: 1 !important;

}

如何在手机和平​​板电脑上显示输入号码的微调器?

由于

1 个答案:

答案 0 :(得分:0)

尝试使用媒体查询

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