将自定义下拉箭头添加到“选择”输入

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

.custom-select {
  appearance: none; /* 隐藏默认下拉箭头 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('arrow.png') no-repeat right center; /* 添加自定义下拉箭头背景图 */
  padding-right: 20px; /* 留出空间给下拉箭头 */
}

.custom-select::after {
  content: ""; /* 设置伪元素内容为空 */
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url('arrow.png') no-repeat center; /* 添加自定义下拉箭头背景图 */
}