css - 滚动条未显示 chrome 浏览器的向上和向下箭头

Question

我有一个 div 和 div 显示垂直滚动。问题是滚动没有显示在“Chrome”和“Edge”浏览器中滚动的上下箭头。请检查以下 chrome 浏览器的屏幕截图-

] 1

但是Firefox中显示了向上和向下箭头。请检查以下屏幕截图-

我正在使用 react 应用程序，我发现如果我们删除 webkit-scrollbar 的 width 属性，它也适用于 chrome。目前下面的css正在应用于div元素-

::-webkit-scrollbar {
   width: 12px;
}

我试图覆盖上面的css，但没有办法删除这个'width'属性。