• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

HTML/CSS

  • Home
  • 스터디
  • HTML/CSS

ie에서 select 화살표 출력 안하게 하는 방법

13,366 2016.11.22 14:44

짧은주소

본문

셀렉트를 사용할 때 화살표를 이미지나 폰트어썸 아이콘으로 변경해서 사용하는데 ie에서는 원래 브라우저 화살표가 계속 나와서 구글 검색을 통해 발견한 방법을 공유합니다.

 

우선 다른 브라우저에서 안나오게 하는 방법은 appearance:none을 활용해 아래 소스를 처럼 select에 css스타일을 적용 합니다.

-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;

 

하지만 ie에서는 적용되지 않는 것 같아 찾아보니 아래와 같이 하면 화살표가 사라집니다.
select::-ms-expand {display:none}
 

너무 간단해서 공유해 봅니다.

 

 

 

[이 게시물은 이윰EGG님에 의해 2016-11-23 09:00:39 팁 & 테크에서 이동 됨]
0
좋아요!
2
- 곡우 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 7 - 포인트 : 26,877
레벨 7
경험치 5,006

Progress Bar 58%

- 가입일 : 2015-01-20 11:27:41
- 서명 :
- 자기소개 :
댓글목록

이윰EGG님의 댓글

css 관련 내용 같아 HTML/CSS 게시판으로 이동했습니다.
좋은 정보 감사합니다.

축하합니다. 첫댓글 포인트 64포인트를 획득하였습니다.

LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379