如何为GWT滚动条应用样式

Question

我试图在GWT中为css提供滚动面板。但它不起作用。

问题是我想要更改foregroung和背景颜色以及滚动条的宽度。

有可能吗？可以任意建议吗？

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样式。

更新：

正如@Andrea在下面的评论中所建议的那样，如果您可以通过ScrollPanel更改应用CustomScrollPanel，则可以选择更多自定义条形图。

在这种情况下，您必须提供自己的栏，因为默认情况下它使用浏览器本机栏。这个response可以帮到你。