我正在尝试添加这个滚动- https://www.npmjs.com/package/react-custom-scrollbars-2到材质UI自动完成选项列表。我的应用程序到处都使用相同的滚动组件,UI看起来真的不像我们在mui自动完成中使用的传统默认滚动。
链接到组件-https://codesandbox.io/s/eioiuz?file=/demo.tsx
这是它现在的样子- https://i.stack.imgur.com/Uwvif.png
这是我希望滚动条的样子- https://i.stack.imgur.com/AM367.png
解决这个问题的一个可能的方法是通过对MUI自动完成列表组件框使用的默认标记进行样式化。例如,ul::-webkit-scrollbar { width: 4px; }
将减小滚动条的大小。