CSS for tab selected.

  • 2
  • Question
  • Updated 7 months ago
  • Answered
I have a tab set that when I select a tab, a blue box surrounds the tab until I click elsewhere on the page.  I cannot find what css is controlling this behavior.  Any suggestions?
Photo of Bill Fox

Bill Fox

  • 7,934 Points 5k badge 2x thumb

Posted 1 year ago

  • 2
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
This sounds like it is browser specific instead of skuid. Which browser are you using where you see this?
Photo of Janick

Janick

  • 916 Points 500 badge 2x thumb
After checking theme settings I could not find a way to remove these borders either. Stephen definitely has a point there as other themes have the exact same border. I think this might be something from the browser (if not even the operating system). When I select something on my desktop, the same border gets shown. I have tested this on chrome and Firefox, Mac and Windows operating systems.

Thanks
Photo of Matt Small

Matt Small

  • 1,182 Points 1k badge 2x thumb
Hi Bill, 

I have a solution!
It is really quite simple, you can stop the "focus" on the css from rendering in the browser.

Dump this into your css: 

*:focus { outline: none; }

Problem solved!