Formulaires : présentation des select sur Safari
Les select n'ont pas la présentaiton voulue sur Safari :
Le padding, le background-color est d'autres règles de présentation CSS ne sont pas prisent en compte.
Pour corriger cela il faut passer par -webkit-appearance: none;
Attention néanmoins cela a un effet de bord non négligeable, le chevron permettant d'identifier qu'il s'agit d'un menu déroulant disparait être doit être refais manuellement.
Pour le coup de suggère de faire la même chose que Bootstrap : supprimer les styles par défaut quelque soit le navigateur et re-stylé manuellement avec, par exemple :
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
En bonus ça corrigera le petit problème d'affichage sur Chrome :