滚动条 - 使其在移动设备 MUI React 中可见

问：

我想让我的滚动条在溢出时始终可见。我在我的 For the styles I are using Material UI 5 （MUI） 中使用此代码实现了它。但是，问题是当我使用 Brave 或其他浏览器更改为移动视图时，滚动仅在我开始滚动时出现，它不是我设置的颜色，而是默认的灰色滚动条。Apps.css

::-webkit-scrollbar-thumb {
  background-color: #26b640 !important;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  width: 8px !important;
}

我试图通过添加和使用这些属性来修改我的代码，但没有达到预期的结果

::-webkit-scrollbar {
-webkit-appearance: none;
overflow:auto;
}