[CSS] input type의 number 속성의 버튼 모양 지우기 (초기화 하기)

number 속성은 잘 쓰지 않지만 사용시 선언을 하면 아래와 같은 화면이 보여집니다.

<input type="number">

대표적으로 

위 아래의 버튼을 없애고 싶다........면
css 에 아래와 같이 선언해주면 됩니다.

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

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}

 

 

# 참고

https://wallel.com/select-box-input-box-style-%EC%B4%88%EA%B8%B0%ED%99%94-css/