Blog Content

    티스토리 뷰

    input number scroll...ㅡ_ㅡ;;

    반응형

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

     

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

     

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

     

    그래서 삭제...

     

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

     

     

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

     

     

    디자인한 페이지에

     

    1
    2
    3
    4
    5
    6
    7
    <style type="text/css">  
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;             
            margin: 0;         
        
    </style>
    cs

     

    코드를 입력하면

     

     

     

     

    끝~

    반응형

    'jQuery | javascript | CSS' 카테고리의 다른 글

    jQuery 다이얼로그 창이 안닫혀!!  (1) 2017.08.29
    input type number maxlength...ㅡ_ㅡ;  (0) 2017.04.14
    replace 하기  (0) 2017.04.05
    error net::ERR_BLOCKED_BY_CLIENT  (3) 2017.02.27
    javascript 전역 변수 사용하기  (0) 2017.01.10

    Comments