HTML select 의 화살표 안보이기
페이지 정보
본문
<style>
select {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none; /* 화살표 없애기 공통*/
}
select::-ms-expand {
display:none; /*for IE10,11*/
display:hidden; /*영역유지하고 싶을땐*/
}
</style>
<select>
<option>옵션1</option>
<option>옵션2</option>
</select>
참고자료
https://www.xpressengine.com/qna/23159147
http://html5around.com/wordpress/tutorials/css-form-select-option-style-change/
select {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none; /* 화살표 없애기 공통*/
}
select::-ms-expand {
display:none; /*for IE10,11*/
display:hidden; /*영역유지하고 싶을땐*/
}
</style>
<select>
<option>옵션1</option>
<option>옵션2</option>
</select>
참고자료
https://www.xpressengine.com/qna/23159147
http://html5around.com/wordpress/tutorials/css-form-select-option-style-change/
댓글목록
등록된 댓글이 없습니다.