自定义滚动条问题

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火狐上很好用..。但是Internet 它不工作，我应该添加什么？

Answer 1

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

而且，火狐不支持自定义滚动条(错误报告)，所以我不确定你的CSS在火狐中是如何工作的--我不知道。

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