滚动条在Chrome中悬停时更改颜色

Question

当我将鼠标悬停在div上时，我在Chrome中遇到了一个奇怪的问题。滚动条变为某些奇怪的颜色，但仅在悬停时。这是一个截图（左边是正常，右边是悬停）：

我不是要设置滚动条或任何东西的样式，所以我不知道为什么会发生这种情况。它也只发生在XP上，这真的很奇怪。我猜它是一个Chrome bug，但也许不是。关于这一点唯一奇怪的是它在一个下拉菜单中，但不应该像那样搞乱它。

编辑：它只发生在这个特定的滚动条上，而不是任何其他滚动条上。

编辑2：重启没有帮助。

编辑3：任何使用Chrome和XP的计算机都会出现这种情况。 我会尝试将演示放在一起，但目前它是一种半机密内部的东西。这是一个演示：http://www.weblinxinc.com/bug/

编辑4：删除了CSS3过渡，仍然是一个问题。

Answer 1

看起来像一个已知的Chrome错误：

http://code.google.com/p/chromium/issues/detail?id=24524

http://code.google.com/p/chromium/issues/detail?id=20169

如果我删除了网页正文标签上的背景图片以及ul背景，那么效果就会停止。

Answer 2

我找到了这个修复：我在插件中使用它（Lightbox Evolution）。

对于我使用的特定插件：

@media screen and (-webkit-min-device-pixel-ratio:0){.jquery-lightbox-html{opacity: 0.99 !important;}}

如果使用滚动条更改子元素的类，它将正确呈现。 如果任何父级具有不透明度且您的孩子有滚动条，则会发生此错误。