改变number类型input框的默认样式

当你遇到input元素中，type设置为数字格式number时;心中也许会有疑惑：

1. input的type="number"在部分手机端会出现一个小按钮要如何解决?
2. 怎么移除HTML5 input在type="number"时的上下小箭头？
3. 如何移除 input type="number" 时浏览器自带的上下箭头？
   以上疑惑怎么解决；很简单，只要css控制即可。

css代码：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

示例截图：

以上已经OK了！

参考地址：

http://segmentfault.com/q/1010000000687882

http://www.zhihu.com/question/26476738

http://my.oschina.net/qii/blog/341439