如何为GWT滚动条应用样式

时间:2013-06-28 06:46:22

标签: gwt

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

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

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

GWT滚动条只是html,所以你可以用与普通html相同的方式设置它们:使用css。

ScrollPanel添加一个类,并在.css文件中设置样式,或使用java方法将样式设置为它。

但是你必须要知道样式滚动条不是标准的东西,webkit通过vendor-css-properties支持它,与IE相同,但不幸的是你将无法设置FF样式。

更新:

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

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