我有以下代码自定义webkit滚动条....
/*webkit scroll bar*/ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0); }
我想做的是以相同的方式自定义在firefox中加载的页面的滚动条...为此我尝试了以下代码..
/*mozilla scroll bar*/ ::-moz-scrollbar { width: 6px; } ::-moz-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } ::-moz-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,0,0); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-moz-scrollbar-thumb:window-inactive { background: rgba(255,0,0); }
但它不起作用.....我怎么能像我为webkit一样自定义滚动条...任何帮助将不胜感激...提前感谢... :)