如何为GWT滚动条应用样式

我已经尝试在GWT中为scrollpanel提供css。但它不起作用

问题是我想改变前景和背景颜色，以及滚动条的宽度

---

可能吗？有任何建议吗？

GWT滚动条只是html滚动条，因此您可以使用与普通html相同的方式来设置它们的样式：使用css

在

滚动面板中添加一个类，并在.css文件中设置样式，或者使用java方法为其设置样式

但是你必须知道，滚动条的样式不是一个标准的东西，webkit通过供应商的css属性和IE支持它，但不幸的是，你将无法设置FF的样式

更新：

正如@Andrea在下面的评论中所建议的，如果你可以通过
CustomScrollPanel
在你的应用程序
ScrollPanel
中进行更改，那么你就有更多的选项来自定义条

在这种情况下，您必须提供自己的栏，因为默认情况下，它使用浏览器原生栏。这可以帮助您。
GWT滚动条只是html滚动条，因此您可以使用与普通html相同的方式对其进行样式设置：使用css

在
滚动面板中添加一个类，并在.css文件中设置样式，或者使用java方法为其设置样式

但是你必须知道，滚动条的样式不是一个标准的东西，webkit通过供应商的css属性和IE支持它，但不幸的是，你将无法设置FF的样式

更新：

正如@Andrea在下面的评论中所建议的，如果你可以通过
CustomScrollPanel
在你的应用程序
ScrollPanel
中进行更改，那么你就有更多的选项来自定义条

在这种情况下，您必须提供自己的栏，因为默认情况下，它使用浏览器原生栏。这可以帮助您。
通常它基于浏览器用户代理

例如：对于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;}

请参阅此
通常它基于浏览器用户代理

例如：对于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;}

请参考此
但您可以使用
CustomScrollPanel
并提供您自己的滚动条实现，按照您想要的方式进行样式设置。但您可以使用
CustomScrollPanel
并提供您自己的滚动条实现，按照您想要的方式进行样式设置。