当HTML的input类型设为'number'时，会出现增减数值的按钮。可以通过改变type属性，如设为'text'或'tel'来避免，但可能影响键盘类型。另一种方法是使用CSS控制'number'类型input的样式，如 `-webkit-outer-spin-button` 和 `-webkit-inner-spin-button`。此外，还介绍了如何在移动Web中为input添加清除按钮以及处理输入法引起的布局问题。
当input 使用了type='number'后，会出现这个增减数值的按钮，如上所示，
解决办法：
1.type='text' ，改为输入字符串，缺点是要做类型转换，而且移动端不会调出纯数字键盘
2.type='tel'，改为电话号码的类型，移动端中也是会调出纯数字键盘的
3.type='number', 增加css样式控制按钮的显示
/* 谷歌 */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: ;
}
/* 火狐 */
input{
-moz-appearance:textfield;
}
https://www.cnblogs.com/lizhaoyao/p/7568687.html
https://blog.csdn.net/github_38516987/article/details/78072570
如何在移动web模仿客户端给input输入框添加自定义清除按钮
项目有个需求就是在input输入框添加清除按钮,网上查
最低0.47元/天 解锁文章
扫一扫
1125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
