gwt - GWT スクロールバーにスタイルを適用する方法

Question

GWT でスクロールパネルに css を与えようとしました。しかし、うまくいきません。

問題は、前景色と背景色、およびスクローラーの幅を変更したいことです。

出来ますか？any1提案できますか？

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 のスタイルを設定することはできません。

アップデート：

ScrollPanel以下のコメントで @Andrea が提案しているように、アプリで変更できる場合は、CustomScrollPanelバーをカスタマイズするためのオプションがさらに多くあります。

この場合、デフォルトでブラウザのネイティブ バーを使用するため、独自のバーを提供する必要があります。この回答が役に立ちます。