フォームを作成している時、数字の入力欄を作成すると、上下のアイコンが出てきます。

<input type="number" />

image2

こちらのアイコンを削除するには、CSSで以下の内容を追加します。

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

画面を確認すると、

image3

ブログ一覧