改变iframe滚动条样式

时间:2012-07-27 06:14:44

标签: jquery css iframe

有没有办法改变iframe滚动条的样式?

2 个答案:

答案 0 :(得分:2)

我认为你需要使用一个允许你这样做的插件,如下所示。 http://www.net-kit.com/jquery-custom-scrollbar-plugins/

只是因为你知道你不能用css:Iframe Scrollbar css

来做

您可以在IE中使用css进行更改。 Change style scrollbar div for my site

答案 1 :(得分:2)

您也可以从chrome / safari ..(基于webkit的浏览器)更改它

::-webkit-scrollbar {
    width: 12px;
}

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

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

请参阅webkit博客上的this article。并且the tutorial来自上述代码段的公然复制。

对于Mozilla Firefox和家庭来说,还没有。请参阅此related SO question