如何在角度材料选择中更改滚动条样式？

/* 滚动条的样式 */
::-webkit-scrollbar {
  width: 10px; /* 设置滚动条的宽度 */
}

/* 滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 设置滚动条轨道的背景颜色 */
}

/* 滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background: #888; /* 设置滚动条滑块的背景颜色 */
}

/* 鼠标悬停在滚动条上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* 设置鼠标悬停时滚动条滑块的背景颜色 */
}

<div class="custom-scrollbar">
  <!-- 内容 -->
</div>

.custom-scrollbar {
  overflow-y: scroll; /* 设置元素的垂直滚动条可见 */
  scrollbar-width: thin; /* 设置滚动条的宽度 */
  scrollbar-color: #888 #f1f1f1; /* 设置滚动条的颜色 */
}