Tagged: tab styling
I am getting an blue border or selection box area when I click on tabs. Is that on purpose, and can I change that color somewhere? It’s rather garish but I can find no reference to it with inspector.
(click on photographer, environmentalist, or anecdotes under “More on Ansel Adams.”
Thanks!
seem to be an outline problem on avtive or focus state:
try:
.tab.active_tab {
outline: none !important;
}
Nope, didn’t work. It is apparently a focus-ring for accessibility, but when your tab background changes on click, it feels really unnecessary and ugly. Have not yet figured out a way to turn it off here, though.
ahs – now i know why i didn’t see it i only have those dotted lines on your site on firefox.
On chrome there are realy button like active states. Same on Safari
So we had to look for a browser specific part. : Focus Rings called
But: well from wai aria point of view it will be nice to have for people how navigates only with tab key – because they could not handle it with a mouse.
Try this:
:focus {
outline: 0 !important;
}
What finally worked was:
:focus {
outline: none !important;
}
Thanks for pointing the way.