HTML input type number 우측 화살표 제거하기

HTML input type number 우측 화살표 제거하기

input tag 를 type number를 사용했을 때

해당 태그에 포커스를 주면 우측에 숫자를 +1, -1 할 수 있는 화살표가 생성된다.

제거하고 싶다면 아래 코드를 작성하면 된다.

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}