HTML5 숫자 입력에서 스핀 상자를 숨기려면 어떻게 해야 합니까?

HTML5 숫자 입력의 스핀 상자 숨기기

Chrome과 같은 최신 브라우저는 편리한 값 조정을 위해 HTML5 숫자 입력 옆에 스핀 상자를 표시하는 경우가 많습니다. 그러나 이러한 스핀 상자는 때때로 사용자 인터페이스를 방해할 수 있습니다.

스핀 상자를 숨기는 한 가지 방법은 CSS를 사용하는 것입니다.

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

이 CSS는 Webkit 브라우저(예: , Chrome 및 Safari) -moz-appearance:textfield 속성을 사용하여 Firefox와의 호환성을 보장하면서

이 CSS를 구현하면 다음을 수행할 수 있습니다. 위쪽/아래쪽 화살표 표시를 방지하여 숫자 입력 시 더 깔끔하고 효율적인 사용자 인터페이스를 제공합니다.

위 내용은 HTML5 숫자 입력에서 스핀 상자를 숨기려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!