I’m trying to add an accordion footnote to my website. However, in order to keep the footnote text in line it goes to the edge of the box (which is fine and I’d prefer it this way).
The issue I am having is that when your cursor hovers of the box it changes the background of the accordion button and doesn’t look great.
How can I fix this and just make the background match in white?
I tried changing the event from auto to none and it remove the hover state but renders the accordion unusable.
I’m trying to add an accordion footnote to my website. However, in order to keep the footnote text in line it goes to the edge of the box (which is fine and I’d prefer it this way).
The issue I am having is that when your cursor hovers of the box it changes the background of the accordion button and doesn’t look great.
How can I fix this and just make the background match in white?
I tried changing the event from auto to none and it remove the hover state but renders the accordion unusable.
There’s no interaction set other than for mouse clicks which is why I’m confused on how I remove the background color change that happens during the hover. (I’m pretty stuck here)
