babylonjs 场景边框的小问题答案

【问题标题】：little Issue with babylonjs scene borderbabylonjs 场景边框的小问题
【发布时间】：2021-06-26 00:49:32
【问题描述】：

我的 babylonjs 场景有一个小问题。当我单击场景中的网格时，会出现一个边框（在我的浏览器中，边框是蓝色的，但因浏览器而异）：

这是我的组件的 html/css 代码（我使用 vuejs）：

<template>
  <div class="wrapper">
    <div class="Rahmen">
      <div id="textblock">
        <h1 id="welcome">Willkommen</h1>
        <h4 id="welcome-text">
          Planen Sie mit unserem Konfigurator einfach und
          schnell Ihre individuelle Containertreppenl&oumlsung
        </h4>
        <br />
        <br />
        <span>So klappt's</span>
          <b-button pill id="popover-help-button"><v-icon id="popover-help" name="question-circle" /></b-button>
          <b-popover ref="popover"
                     target="popover-help-button"
                     triggers="hover"
                     placement="top">
              Wählen Sie bitte aus wie viele Container sich in Ihrer Containeranlage in Höhe und Breite befinden.
            <img src="@/assets/helpp1.gif" width="440" />
          </b-popover>
      </div>
        <canvas id="renderCanvas"></canvas> <!-- babylon scene-->
    </div>
  </div>
</template>

<style>
#renderCanvas {
  width: 100%;
  height: 100%;
  overflow: hidden;
  
}

.wrapper {
  position: center;
}

.Rahmen {
  padding-top: 7%;
  margin: 0;
  min-height: 600px;
}

#textblock {
  padding-left: 7%;
  position: center;
  background-color: white;
  margin-bottom: 2%;
}
#popover-help {
  color: blue;

}
#popover-help-button {
background: transparent;
border: transparent;
left: 0%;
margin-left: 0%;
margin-top: 0.5%;
}
.popover {
  max-width: 450px;
}

</style>

有什么建议吗？

【问题讨论】：

标签： html css babylonjs

【解决方案1】：

这是一个例子。它是由tab-index引起的。

https://forum.babylonjs.com/t/remove-border-of-rendering-canvas/16074

【讨论】：

【解决方案2】：

像outline:none; 这样的额外 CSS 行会帮助你吗？

【讨论】：

我建议不要在答案中使用修辞问题。他们冒着被误解为根本不是答案的风险。您正在尝试回答此页面顶部的问题，不是吗？否则请删除此帖。