input type number 기본 스타일 제거

위 이미지처럼 '업', '다운' 버튼이 기본적으로 존재한다. 업다운 버튼을 제거하기 위해서는 아래와 같은 소스코드를 이용하면 된다.

/* 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;
}

 

그러면 이렇게 업다운 버튼이 제거된다.