残念ながら、それを行う方法はありません。iOS Safariは、スタイリングselectリストの内部コンテンツを完全に制御します。確認のためのリファレンスは次のとおりです: little link。

これを実現する 1 つの方法は、JavaScript を使用してドロップダウン/選択メニューをシミュレートすることです。

あまり好ましい方法ではありませんが、どうしてもデフォルトのスタイルを変更する必要がある場合は、それが唯一の方法だと思います。これは、シミュレーションを行う方法についてのアイデアを提供するデモです:別の小さなリンク.

これを試してみてください 100% 私のために働いた

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

価値があるのは<select>、閉じたときに境界線の半径を持つ透明なドロップダウンがあったことです。iOS では (Android についてはよくわかりませんが、テストしていません)、デフォルトのグレーのボックスが<select>カスタム ボーダーの内側に表示され、魅力的でなく、望ましくありませんでした。

内側の灰色のボックスを取り除くために、次の CSS を使用しました。

-webkit-appearance: none;

さらに、この OP のトピックに関連します。Bootstrap は、Javascript でカスタム ドロップダウンを有効にする優れたドキュメントを備えた便利なソリューションを提供します。ここで確認してください。