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/