iPhone：数字键盘信用卡输入

Question

目前我使用 <input type="text">

如果我使用<input type="number">，问题是，在Chrome中输入字段开始这个样子，用上下箭头：

有没有更好的解决方案？

Answer 1

只需将此添加到您的css文件以删除箭头。

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

来源： http://thanewoidan.com/articles/14/hide-default-input-type-number-up-down-arrows-in-chrome

希望帮助你！