Can't get button highlighting off burger and cross buttons

negomi / react-burger-menu

:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

http://negomi.github.io/react-burger-menu/

MIT License

5.05k stars 586 forks source link

Can't get button highlighting off burger and cross buttons #367

Closed EliranGooner closed 4 years ago

EliranGooner commented 4 years ago

Whenever I click the burger and cross buttons on my Mac they function fine but it adds to them a not-so-good-looking highlight that I wish I could get rid of. I tried a few StackOverflow suggestions with no success yet. If anyone figured out this kind of problem that'd be greatly appreciated.

CoopNich commented 4 years ago

I'm having this same issue. Did you find a solution?

albert-morote commented 4 years ago

I was able to solve it by using SASS. .bm-burger-button { button { outline: none; } } The same goes with the close button .bm-cross-button { button { outline: none; } }

I hope it's not too late to help 😄

EliranGooner commented 4 years ago

@amorote Thank you! I think I tried this once with no success but your suggestion inspired me to add the ever-important !important to the outline: none and now it works.