html - 如何在 mat-select 中在移动 Safari 上显示滚动条？

Question

我有一个角材料垫选择，里面有很多选项。使用默认样式，与显示的选项相比，选项并不明显，因此我希望滚动条可见。

我已经尝试过这些样式，但它们在移动 safari 中不起作用。我不确定这是角度材料问题还是特定于 Safari 的问题。

::-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; 
}

标签： htmlcssangularsafariangular-material