• 목록

브라우저별 차이가 있으므로 다음과 같이 작성합니다[code]/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

/* IE 10+ */
input[type=number]::-ms-clear,
input[type=number]::-ms-expand {
    display: none;
}
[/code]이렇게 하면 모든 주요 브라우저에서 위/아래 화살표가 제거됩니다.

한 줄로 정리하면 이렇게 쓸 수 있습니다. 모든 브라우저에서 <input type="number">의 스피너를 제거합니다.[code]input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-ms-clear,
input[type=number]::-ms-expand { display: none; }[/code]