gwt - 如何为 GWT 滚动条应用样式

Question

我试图将 CSS 赋予 GWT 中的滚动面板。但它不起作用。

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

是否可以？任何人都可以建议吗？

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;}

请参考这个链接

Answer 2

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

向您添加一个类ScrollPanel并在 .css 文件中设置样式，或使用 java 方法为其设置样式。

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

更新：

正如@Andrea 在下面的评论中所建议的那样，如果您可以在应用程序中进行更改，那么您将ScrollPanel拥有CustomScrollPanel更多自定义栏的选项。

在这种情况下，您必须提供自己的栏，因为默认情况下它使用浏览器原生栏。此回复可以帮助您。