如何禁用或者隐藏手机页面数字框上下键？

登录

如题，普通页面上的数字框可以设置是否显示上下键按钮，

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

请问手机页面上如何禁用或者隐藏手机页面数字框上下键呢？

David.Zhong · David.Zhong

本帖最后由 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;}

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

复制代码

运行效果：

工程文件：

		自动登录	找回密码
密码			立即注册

[已处理] 如何禁用或者隐藏手机页面数字框上下键？

最佳答案

1 个回复

本帖子中包含更多资源

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐