Accordion text and icon highlighted when clicked in browser

Hi, i am using the Accordion layout and notice that when I click the bar to open, an outline appears around the text box. Likewise when click the + icon, an outline appears around the icon. it does not disappear until I click off the accordion bar.

Is there a way to get rid of this “highlight”?

Thanks,
Gil

1 Like

I’ve been trying to remove the outline as well and haven’t had any luck so far

Its your browser’s default focus colour, its added for accessibility.

1 Like

Thanks for the reply. I don’t see it happen on some other drop downs, so I thought this highlighting could be removed or not activated.

Hi, I found a solution by adding some CSS for the Accordion

.fl-accordion .fl-accordion-button-label {
outline: none;
}
.fl-accordion .fl-accordion-button-icon {
outline: none;
}

2 Likes

Hi, I found a solution by adding some CSS for the Accordion

.fl-accordion .fl-accordion-button-label {
outline: none;
}
.fl-accordion .fl-accordion-button-icon {
outline: none;
}

1 Like

Works like a charm. Thank you so much!