2013-04-09 82 views
0

我想改变浏览器窗口的滚动条的颜色的滚动条的颜色,我用下面的代码,但它的工作只是在IE8而不是在其他类似ChromeMozilla ..如何改变浏览器窗口

html {scrollbar-face-color:#D6D7D6 ; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-highlight-color:#EFEFEF; 
scrollbar-3dlight-color: #FFFFFF; 

scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #000000;} 
+0

IE不支持'scrollbar- *'属性。 – undefined 2013-04-09 09:39:00

回答

2

您是否考虑过使用jQuery插件?如jScrollPaneTiny Scrollbar

由于this问题状态:

滚动条CSS样式是由微软开发人员发明了一种怪胎。 它们不属于W3C的CSS标准,因此大多数浏览器都忽略它们。

我推荐那些jQuery插件,因为它们与所有浏览器兼容。

如果你不想使用插件,看起来截至2013年,70%的浏览器支持一些滚动条样式。如webkit浏览器这个例子代码:(即铬)

#doc ::-webkit-scrollbar{width:9px;height:9px;} 
#doc ::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;} 
#doc ::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;} 
#doc ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:8px;} 
#doc ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;} 

每个浏览器都需要一个不同的语法,我还是会建议使用插件。