有没有办法固定css中自定义下拉箭头的大小？

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

.custom-select {
  position: relative;
}

.custom-select::after {
  content: "";
  background-image: url("arrow.png");
  background-size: 10px 10px; /* 设置箭头大小 */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* 防止伪元素遮挡下拉选项 */
}