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

Question

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

审判一：

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