[ CSS ] input type Number Up / Down 화살표 제거하기

<input type="number" />를 사용할 때 Up / Down 화살표를 제거하는 방법입니다.

 

/* 크롬, 사파리, 엣지, 오페라 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 파이어폭스 */
input[type=number] {
    -moz-appearance: textfield;
}