我的jsfiddle在这里 http://jsfiddle.net/sureshpattu/Xck2A/
我试图更改滚动条的颜色，但在这里它不起作用。
Css:
.flexcroll {
scrollbar-face-color: #367CD2;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}
您可以使用 webkit 的以下属性，这些属性涉及影子 DOM:
::-webkit-scrollbar { /* 1 */ }
::-webkit-scrollbar-button { /* 2 */ }
::-webkit-scrollbar-track { /* 3 */ }
::-webkit-scrollbar-track-piece { /* 4 */ }
::-webkit-scrollbar-thumb { /* 5 */ }
::-webkit-scrollbar-corner { /* 6 */ }
::-webkit-resizer { /* 7 */ }
这是一个带有红色滚动条的工作小提琴，基于以下代码这一页 http://css-tricks.com/custom-scrollbars-in-webkit/解释问题。
http://jsfiddle.net/hmartiro/Xck2A/1/ http://jsfiddle.net/hmartiro/Xck2A/1/
使用这个和你的解决方案，你可以处理除 Firefox 之外的所有浏览器，目前我认为仍然需要 javascript 解决方案。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
