Search code examples
reactjsjsxreact-bootstrap

How to change Pagination.Item color inside the style property in 'react-bootstrap'?


style={{backgroundColor:'black'}}, color={...} and css styles don't work, color remains the same. All solutions are about css.


Solution

  • You could do it by selecting the 'page-link' class inside each item

    Similar to this:

    .page-item .page-link {
      background: red;
    }
    

    Check this out:

    Edit React Bootstrap pagination example (forked)