解决当input为number时的一些外观问题

先看出现的问题：

代码如下：

现象：手机端中（我是安卓，苹果未测），两个input没有对齐。chrome桌面版表现正常。 解决：

input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none; 
 margin: 0; 
}

顺便说一下，这个也解决了以下问题：

参考网站：

http://css-tricks.com/snippets/css/turn-off-number-input-spinners/

http://www.csshints.com/

http://stackoverflow.com/questions/3975769/disable-webkits-spin-buttons-on-input-type-number/4812443#4812443

转载请注明：小码农 » 解决当input为number时的一些外观问题