html - overflow hidden ，但仍然可以滚动(仅限 Chrome)

Question

我有一个非常奇怪的 CSS“错误”。

我目前正在研究 slider (幻灯片上有表单元素)。当我在幻灯片中的标签上单击并拖动(向右水平滚动)时，容器 滚动并且下一张幻灯片可见，而属性 overflow: hidden; 设置在容器上。

我发现当没有 label 标签时，overflow 属性工作正常。

有人对此有解决方案吗？我尝试了很多 CSS 的东西但没有成功。我在这里重新创建了 JsFiddle 中的错误:clicky

更新

• 点击和拖动错误仅出现在 Chrome 中。 (我测试了 IE 和 FF)
• 另外，不是关于带有标签的ul列表的滚动条，而是关于你可以点击一个标签并将其拖动到右侧以滚动到下一张幻灯片。

Answer 1

这是 Chromium 中的一个已知错误(谷歌浏览器基于此)请参阅:http://code.google.com/p/chromium/issues/detail?id=116655

因为 Safari 和 Chrome 似乎都显示了这个问题，所以我冒昧地猜测这个错误对所有人都是普遍的 webkit基于浏览器。

不幸的是，Chromium 开发团队没有任何回应。我建议您在提供的链接上为这个问题投票，以帮助它在未来的修订中得到解决。