Html 如何在mat select中显示mobile Safari上的滚动条?

Html 如何在mat select中显示mobile Safari上的滚动条?,html,css,angular,safari,angular-material,Html,Css,Angular,Safari,Angular Material,我有一个角材料垫选择与许多选项内。对于默认样式,没有明显的选项比显示的选项多,因此我希望滚动条可见 我尝试过这些风格,但它们在移动safari中不起作用。我不确定这是一个角度材料问题还是狩猎特有的问题 ::-webkit-scrollbar { width: 5px !important; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4) !important; bord

我有一个角材料垫选择与许多选项内。对于默认样式,没有明显的选项比显示的选项多,因此我希望滚动条可见

我尝试过这些风格,但它们在移动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; 
}

您在css文件中使用过overflow:scroll元素吗?@Suraj-Ui:我尝试过,但不起作用。这并不奇怪,因为滚动应该应用于覆盖组件,而不是mat select本身。