Change color label TablePagination Material UI
Solution 1:
you can open the chrome dev tools and inspect/check the CSS rule used for particular component then use that rule name in SX props and overwrite it with your own css properties. You can also check the API page for that component for all CSS rules used in the component.
for your case check following code,
<TablePagination
...
sx={{
".MuiTablePagination-displayedRows": {
color: "red",
},
".MuiTablePagination-selectLabel": {
color: "green",
},
}}
/>
