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

希望對你有所幫助！