Blue focus outline in safari

  • florianw7

    (@florianw7)


    3 years ago

    Hi!

    As described in the title, I am getting a blue outline on the 3d-viewer in safari when rotating the 3d model with the mouse. I know removing the outline is bad for the usability but in this specific case I just want to know if it is possible to remove it.

    It already tried using outline: 0 !important; but that didn’t work.

    Is there another way to get rid of the outline?

    Thanks in advance,
    Florian

    • This topic was modified 3 years ago by florianw7.
    • This topic was modified 3 years ago by florianw7.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey, I actually had a similar problem some days ago and I was able to remove the blue focus border with that CSS code (you actually might be able to adapt the CSS to the specific page where the 3D object is placed, so it does not disappear on other pages):

    :-webkit-direct-focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px!important;}

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
    outline: none;
    }

    *:focus {
    outline: none;
    }`

    I hope I’ll work for you

    • This reply was modified 2 years, 10 months ago by melo1551.
    Thread Starter florianw7

    (@florianw7)

    @melo1551 awesome will try that, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blue focus outline in safari’ is closed to new replies.