适用于 firefox 的 html 滚动条的 javascript

标签 javascript css firefox

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

关于适用于 firefox 的 html 滚动条的 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18929036/

相关文章:

javascript - 倾斜底部边框 - 全宽

javascript - 在 icontab 中加载动态内容

javascript - 单击链接/按钮导航到其他路线时,ClickAwayListener 不会触发

html - 如何专门为 Internet Explorer 和 Edge 设置一个 css?

html - Firefox 无法滚动浏览带有隐藏滚动的元素中的导航键

html - 页面在 mac Firefox 和 pc Firefox 上看起来不同

javascript - 在现有 Rails 应用程序中嵌入 React 应用程序

jquery - 使用 jquery 将相同的样式应用于外部标记

jquery - 如何跨移动设备提供图像

css - 如何保存在 Firefox 开发版中所做的更改