Active state for reset button on filter


I have implemented Finsweet CMS filter and CMS load and it work like it should.

But Im having trouble with styling the reset button in a active state. My reset button will be my “view all” and will be pre-checked when loading the page.

When loading the page the “view all” should be blue instead of only lines.
I have used the radio button filter for all of the filters.

I can’t share a link for this project.

Here is my public share link: LINK
(how to access public share link)

1 Like

I have the same issue, did you find a solution? :thinking:

I am trying to do the exact same thing, has anybody found a solution?

To style the reset button in its active state, you can use the :checked pseudo-class in your CSS. This allows you to target the radio button input when it is checked, and apply a different style to it.

Assuming your reset button is a radio button input with the ID of reset, you can use the following CSS to style it when it is checked: #reset:checked + label { /* Your active styling here */ background-color: blue; color: white; } This CSS selector targets the label element that comes immediately after the #reset input when it is checked. You can replace the background-color and color properties with the styles you want to apply when the reset button is active.
Make sure to adjust the selector to match your specific HTML structure.