如何关闭visjs活动阴影框？

Question

我的网页上有一个visjs图表（使用Chrome v49）。每当我点击或悬停在图表上时，它周围会出现一个蓝色阴影框。在查看vis.css后，我认为这是由这个选择器控制的：

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

我在vis文档中找到的唯一配置选项是clickToUse，但这不会导致阴影框消失，无论其值如何。

我也尝试在自己的css中指定.vis-active，甚至使用浏览器的调试将其设置为没有运气的元素样式。

最后，在浏览器调试器中，浏览所有可见元素并不表示正在应用.vis-active或任何其他可能导致该阴影的样式。

如何防止visjs显示此阴影？

Answer 1

您所看到的可能是Chrome的默认“焦点响铃”，可以通过以下方式覆盖：

.vis-active:focus {
    outline: none;
}

Answer 2

选项1：

最简单的方法是在 vis.css 中取消设置框阴影属性（如果您没有vis-css，请在vis.css中进行设置） vis.css文件中的活动行，然后在其中创建以下行）。像这样取消设置：

.vis-active {
    box-shadow: unset;
}

选项2：

或者您可以将阴影模糊和散布设置为0，如下所示（在您的示例中）：

.vis-active {
    box-shadow: 0 0 0px #86d5f8; /* in this case, color doesn't matter, you can even omit it */
}

或者，将其设置为您想要的其他内容，例如：

.vis-active {
    outline: none;
    border-color: #af90c8;
    border-width: 1px;
    box-shadow: 0px 0px 20px 5px #af90c8;
}

祝你好运！