将下拉列表中的箭头图标更改为所需的任意图标

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

select {
  /* 隐藏默认的下拉列表箭头 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 添加自定义的箭头图标 */
  background-image: url('your-arrow-icon.png');
  background-repeat: no-repeat;
  background-position: right center;
  /* 设置箭头图标的尺寸 */
  padding-right: 20px;
}

/* 如果需要旋转箭头图标，可以使用transform属性 */
select::-ms-expand {
  transform: rotate(90deg);
}