活动选择分页状态掩盖了反应选择下拉列表

Question

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

我正在使用带有react-select的reactstrap。当我下拉一个react-select项时，它会出现在reactstrap的PaginationItem活动状态下。所有其他元素都显示在react-select的下拉菜单下方。但是我需要更改PaginationItem的z索引。我不确定如何为此编写CSS。请指出正确的方向。提前致谢。

Answer 1

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

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