Works but shows blue border

The blue border is an accommodation for accessibility. When you click or use a keyboard to navigate to the accordion item title, it adds the blue outline to the element on the page so users can see what element is currently in focus.

If you want to remove the blue border and replace it with your own focus state, you can do so with some simple CSS:

.accordion-title:focus {
    outline: none;
    /* Your focus state styles go here */
}

• This reply was modified 4 years, 11 months ago by philbuchanan.