Как показать полосу прокрутки на мобильном Safari в mat-select?

Question

У меня есть angular выбор материала с множеством вариантов внутри. При использовании стилей по умолчанию не очевидно, что есть больше параметров, чем показано, поэтому я хотел бы, чтобы полоса прокрутки была видимой.

Я пробовал эти стили, но они не работают в мобильном сафари. Я не уверен, является ли это angular материальной проблемой или проблемой сафари c.

::-webkit-scrollbar {
  width: 5px !important;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4) !important; 
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  background: rgba(100,100,100,0.8) !important; 
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
}