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

希望幫助你！