问题如何在所有浏览器中显示自定义滚动条？

我正在使用颜色自定义滚动条的简单代码：

<style type="text/css">  
<!--
BODY
{
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #FF99FF;
    scrollbar-track-color: #FFCCFF;
}
-->
</style>

并且它在chrome中不起作用，但它在IE中并不确定其他浏览器。我使用chrome作为我的主浏览器，我也在其他网站上看过这个问题，但是想知道是否有任何解决方法？

有一种方法可以创建半透明度的div / box，这些div / box现在可以在所有浏览器中使用特殊脚本，因此想知道滚动条是否有这样的解决方案？

谢谢！

12586

2018-03-14 21:12

起源

答案:

这里有一些适用于所有浏览器的插件：

2018-03-14 21:16

谢谢，但我正在使用免费的网站托管（webs.com），我不认为他们允许这些东西，即使我支付它。还有别的办法吗？ - Farah Wahab

答案:

这里有一些适用于所有浏览器的插件：

2018-03-14 21:16

谢谢，但我正在使用免费的网站托管（webs.com），我不认为他们允许这些东西，即使我支付它。还有别的办法吗？ - Farah Wahab

::-webkit-scrollbar {
    width: 15px;
    background:lightgray;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,255,1); 
    border-radius: 15px;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background:cyan;
}

这适用于Chrome。 Firefox不支持滚动样式。希望能帮助到你！

2018-03-29 09:51

scrollbar 不是CSS标准。在Chrome或Safari（WebKit）中，您可以使用前缀为的扩展程序 -webkit- 在这里阅读更多。

FireFox不支持滚动条样式。

因此，你可能只能在IE和WebKit浏览器中支持这种效果，或者像Iwo Kucharski所说的那样使用JavaScript库。

2018-03-14 21:17

这些属性将无法在Internet Explorer外部运行。它们是一个有点离奇的微软混合物，从来没有任何标准。

如果你想伪造它，你需要一些Javascript。我认为纯CSS不会让你产生效果。

2018-03-14 21:16

问题 如何在所有浏览器中显示自定义滚动条？

答案:

答案:

热门问题

问题如何在所有浏览器中显示自定义滚动条？