我试图添加一个自定义滚动条组件到我的选项列表中MUI自动完成



我正在尝试添加这个滚动- 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; }将减小滚动条的大小。

相关内容

  • 没有找到相关文章

最新更新