성장가능성 200% 프론트엔드의 Dev 다이어리

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; } 위의 css를 적용하면 아래 이미지처럼 화살표가 ..