javascript - 自定义滚动条和 Chrome

Question

所以我想使用自定义滚动条来使我正在创建的网站更具吸引力。我发现了一个名为 fleXcroll 的脚本。基本上在 fleXcroll 网站上，当我单击可滚动内容内的任意位置时，整个包装器周围有一个大的黄色边框。我不知道为什么会这样，因为在 fleXcroll 网站上，当我在可滚动内容中单击时，不会出现此边框，而 firefox 也是如此。当我在 firefox 或 IE 中单击时，内容会按预期显示。任何人都知道为什么会发生这种情况？

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

go to the flavors page

Answer 1

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

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

顺便说一句，这是一个非常美味的网站。