如何将 CSS 应用于 rsuite 组件中的 AutoComplete' 列表

问题描述

我正在尝试将样式应用于 Rsuite 中的此组件列表：

https://rsuitejs.com/components/auto-complete#%3CAutoComplete%3E

我想设置一个最大高度，然后溢出。

目前我尝试设置 style={{maxHeight: 150px}} 但它适用于 InputContainer 而不是 List。

已解决：

当我使用样式组件库时，我必须使用以下结构在全局文件 Style.less 上编写 css 代码

.rs-picker-menu {

    //code  
}

PD：如果你还需要将 css 应用到 ScrollBar 我找到了这种方式

.rs-picker-menu::-webkit-scrollbar-thumb {

    //code
}

解决方法

您可以使用 div.rs-picker-menu 选择器通过 css 定位弹出列表：

div.rs-picker-menu {
  max-height: 150px;
  overflow: scroll;
}

Sandbox Example