不幸的是，没有办法做到这一点。iOS Safari完全控制样式select列表的内部内容。这是验证的参考：little link。

实现此目的的一种方法是使用 JavaScript 模拟下拉/选择菜单。

这不是很可取，但是如果您绝对需要更改默认样式，那么恐怕这是唯一的方法；这是一个演示，可以让您了解如何进行模拟：另一个小链接。

试试这个 100% 对我有用

select { 
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}

对于它的价值 - 我<select>在关闭时有一个带有边框半径的透明下拉菜单。在 iOS 上（我不确定 android，我没有测试它）默认的灰色框<select>会出现在我的自定义边框内，这是不吸引人且不需要的。

为了摆脱内部的灰色框，我使用了以下 CSS：

-webkit-appearance: none;

还有更多 - 与此 OP 的主题有关。Bootstrap 提供了一个方便的解决方案，其中包含大量文档以使用 Javascript 启用自定义下拉菜单。在这里查看。