방법 - 입력 번호에서 화살표 숨기기
CSS를 사용하여 입력 유형 번호에서 화살표/스피너를 제거하는 방법을 알아보세요.
차이점을 확인하려면 두 숫자 입력에 마우스를 가져갑니다.
숨겨진 화살표:
기본:
기능에 대한 참고 사항: 숫자 입력 내부를 스크롤할 때 숫자를 증가시킬 수 있습니다.
화살표/스피너 제거
예시
/* 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;
}
팁: HTML 양식 에 대해 자세히 알아보려면 HTML 양식 자습서 로 이동하십시오 .
팁: HTML 입력 type="number" 참조 로 이동하여 type="number"를 사용 하는 입력에 대해 자세히 알아보세요.