找回密码
 立即注册

QQ登录

只需一步,快速开始

小萝卜

初级会员

4

主题

4

帖子

236

积分

初级会员

积分
236
  • 604

    金币

  • 4

    主题

  • 4

    帖子

小萝卜
初级会员   /  发表于:2022-1-10 11:03  /   查看:2169  /  回复:1
1金币
如题,普通页面上的数字框可以设置是否显示上下键按钮,

但是手机页面上没有这个设置,

请问手机页面上如何禁用或者隐藏手机页面数字框上下键呢?
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

大佬,手机页面使用的是浏览器默认的输入控件,可以通过修改css去隐藏上下键按钮哈~ 在设置中添加以下css, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } input[type="number"]{-moz-appearance:textfield;} 运行效果: 工程文件:

1 个回复

倒序浏览
最佳答案
最佳答案
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-1-10 11:03:47
来自 2#
本帖最后由 David.Zhong 于 2022-1-10 11:13 编辑

大佬,手机页面使用的是浏览器默认的输入控件,可以通过修改css去隐藏上下键按钮哈~
在设置中添加以下css,
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"]{-moz-appearance:textfield;}
  1. input::-webkit-outer-spin-button,
  2. input::-webkit-inner-spin-button{
  3.    -webkit-appearance: none !important;
  4.    margin: 0;
  5. }

  6. input[type="number"]{-moz-appearance:textfield;}
复制代码


运行效果:

工程文件:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部