更改iframe滚动条样式 [英] change iframe scroll bar style

问题描述

有任何方法可以更改iframe滚动条的样式吗？

Is there any way to change the style of an iframe scroll bar?

推荐答案

safari ..（基于webkit的浏览器）

You can also change it from chrome/safari.. (webkit based browsers)

::-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博客上。以及，教程，上面的代码段被公然复制。

See this article on the webkit blogs. And, the tutorial from where the above snippet was blatantly copied.

对于Mozilla Firefox和家庭，还没有什么。请参阅此相关的SO问题。

For, Mozilla Firefox and family, there's nothing yet. See this related SO question.

这篇关于更改iframe滚动条样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！