셀렉트 박스 디자인에 따라 화살표를 수정해야하는 경우가 있는데, 아예 없앤 후 새로 요소를 추가해서 만들어야 한다. (border or 배경이미지로)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
select {
  -webkit-appearance: none;
  /* for chrome, safari */
  -moz-appearance: none;
  /*for firefox*/
  appearance: none;
  &::-ms-expand {
    display: none;
  }
  /* for ie */
  &:focus {
    outline: none;
  }
}