我正在给gwt现有的小部件(例如装饰面板)样式化,如何将边框的颜色从蓝色更改为另一种颜色,或者如何在堆栈面板中样式化,如何更改页眉的颜色。有人知道如何完全自定义小部件或面板吗?
最佳答案
API中列出了应用于GWT小部件的默认样式。看一下DecoratedStackPanel
。在那里,您将看到以下样式:
.gwt-DecoratedStackPanel {面板
本身}
.gwt-DecoratedStackPanel .gwt-StackPanelItem {未选中
项目}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-selected {
选定的项目}
.gwt-DecoratedStackPanel .gwt-StackPanelContent {包装器
围绕项目的内容}
.gwt-DecoratedStackPanel .stackItemTopLeft {左上角
该项目的}
.gwt-DecoratedStackPanel .stackItemTopLeftInner {
单元格的元素}
.gwt-DecoratedStackPanel .stackItemTopCenter {
该项目}
.gwt-DecoratedStackPanel .stackItemTopCenterInner {
单元格的元素}
.gwt-DecoratedStackPanel .stackItemTopRight {右上角
该项目的}
.gwt-DecoratedStackPanel .stackItemTopRightInner {
单元格的元素}
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
该项目}
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner {
单元格的元素}
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
项目,项目文本所在的位置
}
.gwt-DecoratedStackPanel .stackItemMiddleCenterInner {
细胞的内部元素}
.gwt-DecoratedStackPanel .stackItemMiddleRight {
该项目}
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
细胞的内部元素}
为了覆盖这些样式之一,请记住将您的定义声明为@external
,以确保它不会被混淆(请参见here)。