自定义滚动条和Chrome

Question

所以我想使用自定义滚动条使我创建的网站更具吸引力。我发现了一个名为fleXcroll的脚本。基本上在fleXcroll网站上，当我点击可滚动内容中的任何地方时，整个包装器周围都有一个大的黄色边框。我不知道为什么会这样，因为在fleXcroll网站上，当我点击可滚动内容时，这个边框不会出现，同样的事情也适用于firefox。当我点击Firefox或IE时，内容显示应该如此。 任何人都有任何关于为什么会这样的想法？

以下是该网站的链接，请提供善意/建设性意见。这是我第一次编写网站代码。

go to the flavors page

Answer 1

我不知道为什么会发生这种情况，因为我从未使用过你的弹性滚动，但修复很简单：

.flexcroll{
  outline: none;
}

将此添加到任何跨站点共享的样式表中，您应该很好。

Answer 2

您可以通过将outline: none添加到父div来解决此问题。因此#menu的样式将是：

#mainContent #menu {
    clear: both;
    height: 500px;
    overflow: auto;
    padding: 15px;
    width: 620px;
    outline: none;
}

这是一个非常好吃的网站。