html - 自定义滚动条 Internet Explorer 问题

Question

我有一个由代码完成的自定义滚动条，如下所示：

::selection {
    background: #333;
    color: #FFF;
}
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
}

它在 Chrome、Firefox 上运行良好……但在Internet Explorer上不起作用 我应该添加什么？

Answer 1

指定的 CSS 只会在 Chrome 和 Safari 等 webkit 浏览器上应用自定义滚动条。Internet Explorer 仅支持有限数量的滚动条自定义。请参阅MSDN 参考和这个IE 滚动条 CSS 生成器。

此外，Firefox 不支持自定义滚动条（错误报告），所以我不确定您的 CSS 在 Firefox 中是如何工作的——它不适合我。

如果您愿意，您可以使用基于 JavaScript 的jScrollPane在所有浏览器中实现自定义滚动条，但请注意，很多人讨厌 JavaScript 滚动条的用户体验，包括我自己。