숫자 입력 상자에서 화살표를 숨기는 방법
- 이전 페이지 입력 상자 지우기
- 다음 페이지 텍스트를 클립보드에 복사
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 <input type="number">
- 이전 페이지 입력 상자 지우기
- 다음 페이지 텍스트를 클립보드에 복사
