Css 要增加物料反应表中上一页和下一页分页图标的大小吗

我想增加物料表中上一页和下一页图标的大小 代码如下：

localization = 
  { { body   : {} 
    , toolbar: { searchTooltip: 'Search'} 
    , pagination: 
      { labelRowsSelect   : 'rows'
      , labelDisplayedRows: ' {from}-{to} of {count}'
      , firstTooltip      : 'First Page'
      , previousTooltip   : 'Previous Page'
      , nextTooltip       : 'Next Page'
      , previousLabel     : '<'
      , nextLabel         : '>'
      , size              : "lg"
      , lastTooltip       : 'Last Page'
  } } } 

本地化=
{{正文：{}
，工具栏：{searchTooltip:'Search'}
，分页：
{labelRowsSelect:'行'
，labelDisplayedRows:“{from}-{to}of{count}”
，第一个工具提示：“第一页”
，上一页工具提示：“上一页”
，nextTooltip:“下一页”
，以前的标签：“”
，尺码：“lg”
，lastTooltip:“最后一页”
} } } 

您的问题已得到回答

Material UI组件允许您传递ActionsComponent道具（如果您自己不传递，它们会提供自己的默认TablePaginationActions组件）

在自定义操作组件中，您可以使用

iconStyle

prop定义IconButton组件样式

以下是来自以下站点的自定义ActionsComponent示例：

函数表分页操作（道具）{
const handleFirstPageButtonClick=event=>{
onChangePage（事件，0）；
};
const handlebackbutton单击=事件=>{
onChangePage（事件，第1页）；
};
const handleNextButtonClick=event=>{
onChangePage（事件，第+1页）；
};
const handleLastPageButtonClick=event=>{
onChangePage（事件，Math.max（0，Math.ceil（count/rowsPerPage）-1）；
};
返回(
{theme.direction==='rtl'？：}
{theme.direction==='rtl'？：}
=Math.ceil（count/rowsPerPage）-1}
aria label=“下一页”
>
{theme.direction==='rtl'？：}
=Math.ceil（count/rowsPerPage）-1}
aria label=“最后一页”
>
{theme.direction==='rtl'？：}
);
}

您正在使用哪个npm？？？只需找到这些标签的类或标记，并用字体大小或任何与大小有关的属性覆盖大小！重要标记是否使用反应材料表？是使用材料表

function TablePaginationActions(props) {

  const handleFirstPageButtonClick = event => {
    onChangePage(event, 0);
  };

  const handleBackButtonClick = event => {
    onChangePage(event, page - 1);
  };

  const handleNextButtonClick = event => {
    onChangePage(event, page + 1);
  };

  const handleLastPageButtonClick = event => {
    onChangePage(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
  };

  return (
    <div className={classes.root}>
      <IconButton
        onClick={handleFirstPageButtonClick}
        disabled={page === 0}
        aria-label="first page"
      >
        {theme.direction === 'rtl' ? <LastPageIcon /> : <FirstPageIcon />}
      </IconButton>
      <IconButton onClick={handleBackButtonClick} disabled={page === 0} aria-label="previous page">
        {theme.direction === 'rtl' ? <KeyboardArrowRight /> : <KeyboardArrowLeft />}
      </IconButton>
      <IconButton
        onClick={handleNextButtonClick}
        disabled={page >= Math.ceil(count / rowsPerPage) - 1}
        aria-label="next page"
      >
        {theme.direction === 'rtl' ? <KeyboardArrowLeft /> : <KeyboardArrowRight />}
      </IconButton>
      <IconButton
        onClick={handleLastPageButtonClick}
        disabled={page >= Math.ceil(count / rowsPerPage) - 1}
        aria-label="last page"
      >
        {theme.direction === 'rtl' ? <FirstPageIcon /> : <LastPageIcon />}
      </IconButton>
    </div>
  );
}