如何更改IOS中圆角的样式问题？

Question

在 Safari/iOS 11 中，选择下拉菜单外观存在样式问题。您可以查看下面的图片。请为此提供修复程序，因为它在所有苹果设备上看起来都很丑陋。

更新：-

这是我正在使用的引导代码

.form-control-rounded {
    -webkit-border-radius: 1.875rem !important;
    -moz-border-radius: 1.875rem !important;
    -ms-border-radius: 1.875rem !important;
    -o-border-radius: 1.875rem !important;
    border-radius: 1.875rem !important;
 }

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>

<div class="form-group mb-4">
  <label for="exampleFormControlSelect1">Example select</label>
  <select class="form-control-rounded form-control" id="exampleFormControlSelect1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
   </select>
</div>

Answer 1

您可以通过使用 webkit 属性来实现：

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}