如何使自定义滚动条显示在所有浏览器？ [英] How to make custom scrollbars show in all browsers?

问题描述

我为颜色自定义滚动条使用了一个简单的代码：

I am using a simple code for a color customized scrollbar:

<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作为我的主要浏览器，我已经在其他网站上看到这个问题，但是想知道是否有任何方式吗？

And it doesn't work in chrome, but it does in IE and not sure about other browsers. I am using chrome as my main browser, I have seen this issue on other websites as well but was wondering if there was any way around it?

有一种方法来创建半​​透明的div /框，在所有浏览器中工作的特殊脚本，所以想知道是否有一个解决方案，滚动条？

There is a way to create semi-opacity divs/boxes that work in all browsers these days with special scripts, so was wondering if there was a solution like that for the scrollbars?

谢谢！

推荐答案

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

Here have some plugins that works for all browsers:

1. http://jscrollpane.kelvinluck.com/


2. < a href =http://www.hesido.com/web.php?page=customscrollbar> http://www.hesido.com/web.php?page=customscrollbar


3. http://www.script-tutorials.com/custom-scrollbars-跨浏览器解决方案/

1. http://jscrollpane.kelvinluck.com/
2. http://www.hesido.com/web.php?page=customscrollbar
3. http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/

这篇关于如何使自定义滚动条显示在所有浏览器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！