Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 13, 2019 at 8:35 pm #1138174
    kaylesimon

    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.

    About Ansel Adams

    (click on photographer, environmentalist, or anecdotes under “More on Ansel Adams.”

    Thanks!

    September 13, 2019 at 9:42 pm #1138201
    Guenni007

    seem to be an outline problem on avtive or focus state:

    try:

    .tab.active_tab {
    outline: none !important;
}
    September 14, 2019 at 1:52 am #1138251
    kaylesimon

    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.

    September 14, 2019 at 9:03 am #1138274
    Guenni007

    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;
}
    September 14, 2019 at 11:38 pm #1138423
    kaylesimon

    What finally worked was:

    :focus {
    outline: none !important;
    }

    Thanks for pointing the way.

    September 15, 2019 at 6:56 am #1138469
    Rikard

    Hi,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.