如何编辑儿童Tablepagination材料UI组件的CSS

Question

我使用的是模式内部的tablepagination，因为带有menuItem组件的Select组件位于模式后面，所以我看不到它。我所要做的就是应用更高的zIndex来选择组件，但是我不知道如何。到目前为止，我所做的最好的就是将颜色更改为绿色。

const styles = {
    selectRoot: {
        zIndex: 1600,
        background: '#00ff00'
    }
}

---

<TableFooter>
    <TableRow>
        <TablePagination
            classes={{selectRoot: classes.selectRoot}}
            count={dataCount}
            rowsPerPage={rowsPerPage}
            page={page}
            onChangePage={this.handleChangePage}
            onChangeRowsPerPage={this.handleChangeRowsPerPage}
            labelDisplayedRows={({ from, to, count }) => `${from} - ${to} / ${count}`}
            labelRowsPerPage={<IntlMessages id="datatable.labelRowsPerPage" />}
        />
    </TableRow>
</TableFooter>

有人可以帮忙吗？