Question

我有一个由代码as shown here完成的自定义滚动条：

::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仅在Chromekit和Safari等webkit浏览器上应用自定义滚动条。 Internet Explorer仅支持有限数量的滚动条自定义。请参阅MSDN reference和此IE scrollbar CSS generator。

此外，Firefox不支持自定义滚动条（bug report），因此我不确定您的CSS在Firefox中是如何工作的 - 这不适合我。

如果需要，您可以使用基于JavaScript的jScrollPane在所有浏览器中实现自定义滚动条，但请注意，很多人都不喜欢自己在JavaScript滚动条上的用户体验。

自定义滚动条Internet Explorer问题

1 个答案: