RAMY, LEE - 은은한 조약돌이 되기 위한 정진의 길.

  • 홈
  • 태그
  • 방명록

select디자인변경 1

[Select]select tag 기본 스타일(화살표) 변경 방법 3가지.(+ IE pollyfill, 가상선택자 사용시 발생하는 이슈 해결 방법)

안녕하세요! 레미입니다. select 박스 디자인을 변경하는 3가지 방법을 소개해드리려고 합니다. 구글에서 검색하면 아주 손쉽게 방법을 찾으실 수 있는데요. 제가 직접 겪은 디자인 변경 이슈 해결 방안도 함께 공유해 드리겠습니다. 눈에 잘 띄도록 핑크색 화살표로 변경해보았습니다 :) 1. select 박스 자체의 디자인을 제거 후, background를 활용하여 새로운 화살표 이미지 적용하기. - 제일 간단하게 사용할 수 있고, 제일 많이 쓰이는 방법입니다. 위 이미지의 핑크색 점선으로 표시한 속성이 핵심입니다. ① select 박스 자체의 화살표 appearance를 제거합니다. IE 대응을 위하여 스타일 추가 적용이 필요합니다. EX. select { -webkit-appearance:none; /*..

DEV/CSS 2020.12.26
이전
1
다음
더보기
프로필사진

RAMY, LEE - 은은한 조약돌이 되기 위한 정진의 길.

  • 분류 전체보기 (23)
    • DEV (18)
      • WEB (8)
      • HTML (1)
      • CSS (8)
      • CSS Animation (0)
      • JS (0)
      • 데이터시각화 (0)
      • TIPS (1)
    • 개발영어공부 (0)
    • 정보처리기사시험 (5)
      • 2020-2회차 필기 (5)

Tag

아이폰노치, a링크url팝업제거, a링크상태바제거, ios노치이슈, 브라우저상태바제거, removealinkstatusbar, 웹url상태바제거, 2020정보처리기사필기, 걸프세팅, 아이폰safearea, 아이폰홈버튼배경, iosstatusbar, 프론트개발환경, ioshomebutton, 걸프리액트설치, 크롬url상태바제거, a링크href팝업제거, iossafearea, 걸프설치, 아이폰상태바배경,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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.

티스토리툴바