我正在尝试将自定义的卷轴组件添加到我的选项列表中,
我正在尝试添加此scroll- https:///www.npmjs.com/包装/反应custom-scrollbars-2 到材料ui ui autocomplete 选项列表。 我的应用程序在各处使用相同的滚动组件,UI看起来确实可以使用MUI自动完成的传统默认滚动。
链接到组件 -
https://codesandbox.io/s/eioiuz?file=/demo.tsx
以下是现在的样子 - https://i.sstatic.net/uwwvif.png < /a>
这是我希望滚动栏看起来像 - https://i.sstatic.net/AM367 .png
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
解决此问题的一种可能方法是造成MUI自动完成列表组件框使用的默认标签。例如
ul :: - webkit-scrollbar {width:4px; }
将减少滚动条的大小。A possible way to solve this problem is by styling the default tag used by MUI Autocomplete list component box. For Example
ul::-webkit-scrollbar { width: 4px; }
will reduce the size of the scrollbar.