input number scroll...ㅡ_ㅡ;;

input type="number" 로 했는데 옆에 스크롤이 생기고 위,아래 클릭시 숫자가 오르고 내려간다...;;;

 

내가 원하는건 그냥 숫자만 입력하게 하려고 했는데...;;

 

예전에 할땐 이런적이 없는데 오늘 타입을 바꿨더니 스크롤이 생겼다...ㅡ_ㅡ;;

 

그래서 삭제...

 

방법은 아래 사이트에서 보고 그대로 했다. 정말 땡큐땡큐!!

 

 

참고 : https://css-tricks.com/snippets/css/turn-off-number-input-spinners/

 

 

디자인한 페이지에

 

<style type="text/css">  
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;             
        margin: 0;         
    } 
</style>

 

코드를 입력하면

 

 

 

 

끝~