Question

好的，在.xml文件中，这可行。

<g:FlexTable ui:field="wishlistFlexTable"  borderWidth="1" cellPadding="5" />

注意：在Gwt编码时，我们为FlexTable设置了类似的set方法：setBorderWidth＆amp; setCellPadding。

但是，如果我们带上borderWidth＆amp; cellPadding到css，它将无法正常工作在Css，

.gwtFlexTable{
   borderWidth:1;
   cellPadding:5;
}

in xml

<g:FlexTable ui:field="wishlistFlexTable"  addStyleNames="{res.css.gwtFlexTable}"  />

那么如何将Uibinder Widgets的属性引入GWT中的CSS？

Answer 1

我认为你的CSS错了：

.gwtFlexTable{
   border-width:1px;
   cell-padding:5px;
}

你忘记了单位（CSS中必须使用它们）。并且borderWidth必须写为border-width

Answer 2

无论如何，我发现这个代码，它的工作正常

.flexTable td{
    border: 1px solid #BBBBBB;
    padding: 3px;
 }

Answer 3

您在<ui:style>中放入的任何css类在运行时都会被混淆，使它们成为字母数字字符串。因此，.gwtFlexTable看起来像.A87GFESAF。要允许外部CSS类名称为表格设置样式，您必须声明没有大括号{}的styleNames：

<g:FlexTable ui:field="wishlistFlexTable"  addStyleNames="gwtFlexTable"  />

或者如果你想用外部类和内部<ui:style>设置样式，你可以混合使用CSS类：

<g:FlexTable ui:field="wishlistFlexTable"  addStyleNames="{res.css.gwtFlexTable} gwtFlexTable"  />
<!-- where {res.css.gwtFlexTable} is a ui:style name and gwtFlexTable is an unobfuscated CSS selector -->

如何将Uibinder Widgets的属性引入GWT中的CSS？

3 个答案: