html中的标签选择在chrome，safari mac中很高

Question

当select标签有很多选项时，它在chrome，firefox，linux和window的safari中看起来很正常，但在Mac上，它看起来很奇怪，它的高度等于屏幕高度。你可以在图像中看到它：

我是如何解决的？非常感谢你。这只发生在Mac上的chrome和safari。 代码非常简单，它只在html中默认选择标记。

<select class="form-control ap_select2" type="number" name="year">
    <?php
        $minYear = config('init.min_date_construction_year');
        $maxYear = config('init.max_date_construction_year');
        for ($i=$minYear; $i<=$maxYear; $i++) {
    ?>
   <option value="{{$i}}" <?php if(old('year')==$i) echo 'selected'; ?> >{{$i}}</option>
   <?php
      }
   ?>
</select>