удалить границу с 3d модели

Question

У меня есть этот код, который отображает 3D-модель. Когда пользователь начинает перемещать объект, вокруг модели появляется черный контур. как мне избавиться от этого черного контура? это мой код:

    <model-viewer  id="testModel" style="width: 700px; height: 700px; outline: 0;border: none;box-shadow: none;outline-width: 0px;" src="B - Oshrat -  2- SF35OP2 - 2 PIPING LINES binary/H - Oshrat - SEAMLESS LES GALOON v7_Colorway 2.glb" alt="A 3D model of an astronaut" shadow-intensity="1"  ar ar-modes="webxr" auto-rotate camera-controls></model-viewer>
    <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
  <script  nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>

это мой css:

    *:active{
  outline: 0;
  border: none;
    box-shadow: none;
    outline-width: 0px;
}
*:focus{
    outline: 0;
  border: none;
    box-shadow: none;
    outline-width: 0px;
}
*:visited{
    outline: 0;
  border: none;
    box-shadow: none;
    outline-width: 0px;
}

введите описание изображения здесь

Answer 1

Помещать

        <script src="https://unpkg.com/focus-visible@5.1.0/dist/focus-visible.js"></script>

В вашем заголовке HTML.

Это исправление в соответствии с https://github.com/google/model-viewer/pull/660 .

Answer 2

Это может быть потому, что наброски: 0; должен быть контур: нет;