如何在角度选择时将下拉箭头的方向从右侧改为向下

<select>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

select {
  -webkit-appearance: none; /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none;
  padding: 5px;
  background-color: #f1f1f1;
  background-image: url("down-arrow.png"); /* 自定义的向下箭头图标 */
  background-repeat: no-repeat;
  background-position: right center;
}

select::-ms-expand {
  display: none; /* 隐藏IE浏览器的默认箭头 */
}