ie에서 select 화살표 출력 안하게 하는 방법
곡우
1
13,879
2016.11.22 14:44
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3g4 주소복사
본문
셀렉트를 사용할 때 화살표를 이미지나 폰트어썸 아이콘으로 변경해서 사용하는데 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
레벨 7
경험치 5,006
Progress Bar 58%
- 가입일 : 2015-01-20 11:27:41
- 서명 :
- 자기소개 :
Total 13건 1 페이지
번호 | 제목 | 글쓴이 | 날짜 | 뷰 | 추천 |
---|---|---|---|---|---|
열람 | 곡우 | 2016.11.22 | 13,880 | 0 | |
12 | red123 | 2016.07.09 | 5,712 | 2 | |
11 | 이윰MOUNT | 2015.11.20 | 5,712 | 0 | |
10 | 이윰EGG | 2015.11.06 | 5,062 | 0 | |
9 | 이윰EGG | 2015.10.30 | 2,692 | 0 | |
8 | 미니언즈 | 2015.10.28 | 1,582 | 0 | |
7 | 미니언즈 | 2015.10.28 | 1,578 | 0 | |
6 | 미니언즈 | 2015.10.27 | 2,350 | 1 | |
5 | 이윰IN | 2015.10.27 | 5,763 | 1 | |
4 | 이윰MOUNT | 2015.10.26 | 7,911 | 2 | |
3 | 이윰IN | 2015.10.25 | 2,525 | 0 | |
2 | 미니언즈 | 2015.10.25 | 1,690 | 1 | |
1 | 프리피피티 | 2015.09.23 | 2,824 | 0 |
댓글목록
이윰EGG님의 댓글
css 관련 내용 같아 HTML/CSS 게시판으로 이동했습니다.
좋은 정보 감사합니다.
축하합니다. 첫댓글 포인트 64포인트를 획득하였습니다.