css - Chrome ブラウザのスクロールバーに上下の矢印が表示されない

Question

1 つの div があり、div は垂直スクロールを表示しています。問題は、「Chrome」および「Edge」ブラウザーでスクロールするための上下矢印がスクロールに表示されないことです。以下の chrome ブラウザのスクリーンショットを確認してください。

] 1

しかし、Firefox では上下の矢印が表示されます。以下のスクリーンショットを確認してください-

私は反応アプリケーションを使用していますが、webkit-scrollbar の幅属性を削除すると、クロムでも機能することがわかりました。現在、以下の css は div 要素に適用されています。

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

上記の CSS をオーバーライドしようとしましたが、この「幅」属性を削除する方法がありません。