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

在CSS中，可以通过使用伪元素和背景图像来自定义下拉箭头的大小。具体步骤如下：

创建一个带有自定义下拉箭头的元素，例如一个<div>或者一个<span>。
使用CSS的position属性将该元素设置为相对定位（position: relative;）。
使用CSS的::after伪元素来创建一个带有背景图像的元素，并将其设置为绝对定位（position: absolute;）。
使用CSS的content属性来指定伪元素的内容为空字符串（content: "";）。
使用CSS的background-image属性来指定伪元素的背景图像为下拉箭头图标。
使用CSS的background-size属性来设置背景图像的大小，从而控制下拉箭头的大小。

以下是一个示例代码：

<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; /* 防止伪元素遮挡下拉选项 */
}

在上述示例中，通过设置background-size属性来控制下拉箭头的大小。你可以根据需要调整background-size的值来改变箭头的大小。

请注意，这只是一种实现方式，具体的实现方法可能因项目需求和设计风格而有所不同。