如何爲GWT滾動條應用樣式

Question

我試着給GWT中的滾動面板提供CSS。但它不工作。

的問題是我想改變foregroung和背景顏色，也滾動條的寬度。

可能嗎？任何1可以建議？

Answer 1

一般來說它是基於瀏覽器的用戶代理。

例如：使用Chrome你需要做這樣的事情，

::-webkit-scrollbar { width: 3px; height: 3px;} 
::-webkit-scrollbar-button { background-color: #666; } 
::-webkit-scrollbar-track { background-color: #999;} 
::-webkit-scrollbar-track-piece { background-color: #ffffff;} 
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;} 
::-webkit-scrollbar-corner { background-color: #999;}} 
::-webkit-resizer { background-color: #666;} 

請參閱本Link

Answer 2

GWT滾動條是簡單的HTML的，所以你可以以同樣的方式，你會用純HTML做他們的風格：使用CSS。

添加一個類你ScrollPanel並在.css文件設置的樣式，或使用Java方法設置樣式它。

但是你必須知道，造型滾動條不是標準的東西，webkit通過vendor-css-properties支持它，並且和IE一樣，但是不幸的是你將無法使用FF風格。

UPDATE：

由於@Andrea在評論建議之下，如果你能CustomScrollPanel在您的應用程序ScrollPanel改變你有更多的選擇來定製吧。

在這種情況下，你必須提供自己的酒吧，因爲在默認情況下它使用瀏覽器原生的。這response可以幫助你。