Accordion text and icon highlighted when clicked in browser

Beaver Builder
1

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
2

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

3

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

1 Like
4

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.

5

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
6

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
7

Works like a charm. Thank you so much!