묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
셀렉트박스 화살표 없애기
2016.06.13 03:10
안녕하세요
셀렉트 박스를 이미지 배경으로 해서 촌스런 스타일을 좀 세련되게 해서 쓰려고 하는데요
셀렉트 박스 style 에 -webkit-appearance: none; 를 주면 디폴트 화살표가 나타나지 않는데요
그런데 크롬에서는 잘 되는데 익스에서는 화살표가 찌그러져서 나오는데
익스에서 따로 설정을 해줘야 하는게 있나요??
댓글 2
-
디자인클립
2016.06.17 21:39
-
lark007
2016.06.23 21:31
-moz-appearance:none; /* Firefox */ - 익스플로러에서 화살표 찌꺼기를 없애주네요^^;
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;감사합니다~~~^^
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
http://www.w3schools.com/cssref/css3_pr_appearance.asp 참고해 보세요~.
해당 CSS 프로퍼티는 익스플로러와 오페라 에서는 지원하지 않는다고 하네요.