mat-select: скрыть полосу прокрутки, но включить прокрутку

Question

Я создаю веб-страницу, используя angular 8 с дизайном материала. Я использую mat-select для выбора различных опций. Но он показывает полосу прокрутки, так как max-height для mat-select составляет 256 пикселей. Я хочу скрыть полосу прокрутки, но включить функцию прокрутки. Я не хочу увеличивать высоту mat-select-panel. Я попробовал следующий код, но пока не повезло.

пробная версия 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-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: transparent;
}