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

标签 html css

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

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

   opacity: 1 !important;

}

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

谢谢

最佳答案

试试媒体查询

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

关于html - 输入数字中的微调器隐藏在手机和平​​板电脑上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37857718/

相关文章:

css - 如何在页面中央获得引导按钮?

javascript - 在模态窗口 AngularJS 中动画显示/隐藏 Ui Bootstrap 警报

html - :active css 上不需要的转换

html - CSS 从 Outlook Online 中的单个 div 元素中剥离

javascript - 如何使用 css 或 jquery 隐藏第二和第四表行?

html - 为什么内容显示在这个 DIV 之外?

html - 响应式图像在垂直和水平方向上都适合容器? (问题截图)

html - 动态背景颜色

css - 在 twitter bootstrap 中连续放置几个 col*

html - 网页底部出现滚动条