mat-select：隐藏滚动条但启用滚动

Question

我正在使用带有材料设计的 Angular 8 创建网页。我正在使用 mat-select 来显示各种选项。但它显示滚动条，因为 mat-select 的最大高度为 256px。我想隐藏滚动条但启用滚动功能。我不想增加垫选择面板的高度。 我已经尝试了以下代码，但到目前为止没有运气。

试用 1::

    ::ng-deep {
    .mat-select-panel-wrap {
      overflow: hidden !important;
    }
    .mat-select-panel {

      overflow-y: auto !important;
    }
  }

试用 2::

::-webkit-scrollbar {
  display: none !important;
  background: transparent !important;
}

Answer 1

您需要更改webkit-scrollbar-track 而不是webkit-scrollbar

试试这个：

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: transparent;
}