代码之家 › 专栏 › 技术社区 › tcoulson

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

reactstrap react-select reactjs

1

tcoulson · 技术社区 · 7 年前

reactstrap版本5.0.0-alpha.4
react版本16.1.1
引导版本4.0.0-alpha.6
反应选择2.0.0-beta.2

我正在使用reactstrap和react select。当我下拉一个react select项时,它显示在reactstrap的paginationem active状态下。所有其他元素都显示在react select的下拉列表下。但我需要改变paginatine活性的z指数。我不知道如何写这个css。请把我指向正确的方向。提前谢谢。

1 回复 | 直到 7 年前

1

Tholle 7 年前

你可以设置 z-index 到 0 在“活动”选项卡上,使其显示在“选择”下拉列表的后面。

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