更改iframe滾動條樣式

Question

有什麼方法可以更改iframe滾動條的樣式嗎？

Answer 1

我想你需要使用一個可以讓你這樣做的插件，比如下面的插件。 http://www.net-kit.com/jquery-custom-scrollbar-plugins/

只是讓你知道你不能用CSS做：Iframe Scrollbar css

您可以使用CSS在IE apparantly改變它。 Change style scrollbar div for my site

Answer 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。