javascript for html scrollbar that works in firefox

javascript for html scrollbar that works in firefox

本文关键字:works in firefox that scrollbar for html javascript      更新时间:2023-09-26

thanx b4,我正在使用css来设置html滚动条的样式,在除FireFox之外的所有主要浏览器中都可以正常工作。我想要一个JavaScript来为Firefox设置HTML滚动条和所有元素的样式,而不会弄乱工作的IE,webkit和opera CSS滚动条

html{
scrollbar-base-color: #666666;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-highlight-color: #666666;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #666666;
scrollbar-shadow-color: #666666;
scrollbar-dark-shadow-color: #666666;}
::-webkit-scrollbar { width: 18px; height: 18px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color: #fff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666;}
::-webkit-scrollbar-corner { background-color: #666;}
::-webkit-resizer { background-color: #666;
}

您是否尝试过使用标准CSS而不是Webkit特定的扩展? 如果 Firefox 还不支持滚动条作为前者的一部分,请使用 Mozilla 前缀版本进行实验性实现。

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions