从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;
}

enter image description here

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

可能是因为outline: 0；应该是outline: none；