修复Android下Input[type=number]的问题

发表于 | 分类于

在做移动端开发的时候，经常会有表单提交，例如常用的input输入框。

在Html5中input的type属性增加了，如：number、tel、email等格式。

但是使用type=”number”的时候，Android 4.4.4版本以下的浏览器在input内会出现小方块一样的内容。

针对Android 4.4.4以下的操作系统，我们可以使用Webkit的Css3伪元素来进行修复。

1
2
3
4
5
6
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    appearance: none; 
    margin: 0; 
}

参考站点