selectbox option custom / arrow 제거(ie)

https://codepen.io/paperwiz/pen/BaRQvJN

BaRQvJN

 

https://www.freecodecamp.org/korean/news/html-select-taegeu-deurobdaun-menyu-ddoneun-kombo-riseuteureul-mandeuneun-bangbeob/

 

 

 

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select 

W3Schools online HTML editor

attribute 선택

 

---

 

select{
   -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
   background: url(img/select.jpg) no-repeat right;
}
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}

 

 

<select required>
  <option value="" disabled selected>Select something...</option>
  <option value="1">One</option>
  <option value="2">Two</option>
</select>


select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}