2013-02-18 52 views
0

我有代码as shown here完成自定义滚动条:自定义滚动条Internet Explorer的问题

::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它不工作 应该是什么我加?

+0

[CSS中自定义滚动条]的可能重复(http://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div) – kapa 2015-04-21 06:16:44

回答

4

指定的CSS将仅在webkit浏览器(如Chrome和Safari)上应用自定义滚动条。 Internet Explorer仅支持有限数量的滚动条自定义。请参阅MSDN reference和此IE scrollbar CSS generator

此外,Firefox不支持自定义滚动条(bug report),所以我不确定您的CSS如何在Firefox中工作 - 这不适合我。

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