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

希望能帮到你！