윤시즈

    아이폰 input 기본 테두리 제거 1

    iOS 아이폰 input 태그에 기본 CSS 제거하기

    아이폰에서의 input 태그에는 기본 CSS가 적용되어 데스크톱으로 볼 때랑 디자인이 다릅니다. 테두리와 내부 그림자가 기본적으로 적용되어 본인이 설정한 CSS와 달라 디자인이 틀어질 수 있기 때문에 이 기본 CSS를 제거해야 합니다. 아래 CSS 코드를 CSS 파일이나 HTML의 태그에 적용하면 위 사진처럼 기본 CSS가 제거됩니다. input { -webkit-appearance: none; -webkit-border-radius: 0; } 'appearance' CSS 속성은 적용된 그림자와 기본 설정을 임의로 제거하고, border-radius의 경우 기본 설정 테두리를 제거할 수 있습니다.

    IT 2020.05.25
    이전
    1
    다음
    더보기
    프로필사진

    윤시즈

    IT, 제품리뷰, 주식, 일상 등의 게시물을 작성하며 대체로 2일마다 포스팅합니다.

    • 분류 전체보기 (287)
      • IT (211)
      • 생활정보 (54)
        • 금융 (10)
      • 리뷰 (22)

    Tag

    윈도우, windows, 강좌, CSS, 포토샵, 포토샵 cs5 강좌, 호스팅, 착한텔레콤, PHP, 어도비 포토샵 강좌, 코드, HTML, IOS, apple, 강의, 아이폰, 포토샵 cs3 강좌, 애플, iphone, 태그,

    최근글과 인기글

    • 최근글
    • 인기글

    최근댓글

    공지사항

    페이스북 트위터 플러그인

    • Facebook
    • Twitter

    Archives

    Calendar

    «   2025/07   »
    일 월 화 수 목 금 토
    1 2 3 4 5
    6 7 8 9 10 11 12
    13 14 15 16 17 18 19
    20 21 22 23 24 25 26
    27 28 29 30 31

    방문자수Total

    • Today :
    • Yesterday :

    Copyright © Kakao Corp. All rights reserved.

    티스토리툴바