自定义滚动条和Chrome

所以我想使用自定义滚动条使我创建的网站更具吸引力。我发现了一个叫做fleXcroll的脚本。基本上在fleXcroll网站上，当我点击我的可滚动内容的任何地方时，整个包装纸上都有一个很大的黄色边框。我不知道为什么会发生这种情况，因为在fleXcroll网站上点击可滚动内容时，此边框不会出现，并且对于Firefox来说也是如此。当我在Firefox或IE中点击时，内容就会像它应该显示的那样。任何人有任何想法，为什么发生这种情况？自定义滚动条和Chrome

这是一个网站的链接，请提供种类/建设性意见。这是我第一次编码一个网站。

go to the flavors page

来源

2011-02-02 meepz

您可以通过将outline: none添加到父div来解决该问题。所以#menu的风格将是：

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

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

来源

2011-02-02 03:10:36 sarcastyx

非常感谢！为了你的答案，我用了一个随机gen来选择哪一个，我会给复选标记:) – meepz 2011-02-02 03:36:51

我不知道为什么它的发生，因为我从来没有用过你的flexcroll，但是，修复很简单：

.flexcroll{ 
    outline: none; 
}

一下添加到共享跨任何样式表现场，你应该很好。

来源

2011-02-02 03:08:47 Duopixel

非常感谢！对于你的答案，我用一个随机gen来挑选哪一个，我会给复选标记:) – meepz 2011-02-02 03:21:10

自定义滚动条和Chrome

回答

相关问题