React-select 下拉列表被分页的活动状态遮挡

Question

reactstrap 版本 5.0.0-alpha.4
反应版本 16.1.1
bootstrap 版本 4.0.0-alpha.6
反应-select 2.0.0-beta.2

我正在使用 reactstrap 和 react-select。当我放下一个 react-select 项目时，它出现在 reactstrap 的 PaginationItem 活动状态下方。所有其他元素都出现在 react-select 的下拉列表下方。但我需要更改 PaginationItem 的 z-index 活动。我不确定如何为此编写 css。请指出正确的方向。提前致谢。

Answer 1

您可以在活动选项卡上将 z-index 设置为 0，使其显示在 select 下拉列表的后面。

<PaginationItem active style={{ zIndex: 0 }}>
  <PaginationLink>1</PaginationLink>
</PaginationItem>

React-select 下拉列表被分页的活动状态遮挡

React-select drop down obscured by active state of pagination

reactjs

react-select

reactstrap