GWT-CSS样式

Question

in GWT , in my work have flex table , in each flex table cell there is a vertical panel , i want to remove vertical panel borders
i tried getElement().getStyle().clearBorderColor() but it does not work
and when using in firebug ,discovered that it take flex table style ??

Answer 1

获取它的类/ ID，并编写另一种样式来覆盖默认样式。

Answer 2

you probably need to add the !important to your css style.

.verticalPanel {
 border: none !important;
}

You also might look into using celltables this has a resources instance that is easy to override.

Answer 3

用这个

yourVerticalPanel.getElement().getStyle().setBorderStyle(BorderStyle.HIDDEN);