IE8, IE9 Select Box 초기화 도와주세요 채택완료
select::-ms-expand {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */
filter: alpha(opacity=0);
/* Good browsers :) */
opacity:0;
display:none;
}
select {margin:0;border:1px solid #ccc;background:url(../img/select.png) no-repeat 98% center;background-size:14px auto;outline:0;cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
select.select_placeholder {color:#ccc}
select.select_placeholder:required:invalid,
select.select_placeholder option:first-of-type {color:#555}
select.select_placeholder option:not(:first-of-type) {color:#555}IE8, IE9 에서는 셀렉트박스 대체 어떻게 초기화 시키나요?? 구글링을 아무리해봐도 이것밖에 select::-ms-expand {display:none;} 답변이 없네요....
답변 8개
윗분들 말씀대로 곧 ie 지원이 곧 끊기는 마당이라 구 브라우저를 대응하기 쉽지 않을겁니다 아래소스는 숨김처리인데 완벽하게 감추는 것은 어렵고 그렇게 보이게끔 CSS로 처리할 수 밖에 없을 것 같네요.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
@o3ohhh 저 소스 그대로 html에 붙여서 익스로 실행시키면 화살표가 안보일겁니다. 그래도 사용하실라면 사이즈나 border를 좀 수정을 하셔야 될거에요
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인