Pagination element, CSS style sticks

Try this:

  • Drop a Pagination component on the editor
  • Find one of the buttons - the anchor element inside the li element
  • Change the background color of the anchor element
  • Remove the background-color style

The style= remains in the code, but cannot be accessed, etc. Closing/reopening BSS clears the error.


A bit of a strange bug, but really I don’t know why you would want to be doing it anyway.

If you want to differentiate what page you are on just click on the pagenation item and set it to active.

If you need to change the color add this:

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

Right, it would make sense to have .active added to the <li> parts of the component. I just stumbled across the behavior and thought it may not be specific to this component. Just didn’t know why the values were sticking. It appears to be any attribute added to the <a> elemenents.