css - 向 GWT SuggestBox 添加滚动条

Question

有谁知道如何:

1) 向 SuggestBox 创建的弹出窗口添加滚动条？

2) 如何高效地自定义SuggestBox的外观(CSS)？

我想在尽可能不触及实际实现的情况下进行上述更改。此解决方案还应支持(IE7-IE8、FF、Chrome)。

谢谢。

Answer 1

使用 Firefox(或 IE/Chrome 调试器)的 Firebug 插件来检查您需要修改其样式的元素，并查看 GWT 是否已为其分配样式类名 [或阅读其 JavaDoc]。在你这里，它的 gwt-SuggestBoxPopup 用于外部元素，还有许多其他样式类名称用于内部元素，如 suggestPopupMiddle、suggestPopupMiddleCenterInner 和 suggestPopupContent。使用此类名称修改组件样式。

要添加垂直(水平)滚动，您需要指定高度(宽度)或最大高度并使用 overflow-y: scroll; (overflow-x: scroll;) 或 overflow: scroll;在不需要时使用 auto 而不是 scroll 来隐藏 scollbar。

所以你的简短回答是:

.suggestPopupContent{
    height: 100px;    
    overflow-y: scroll;
}