Question

我正在使用gwt 2.3 UIbinder.In UIbider将css内联应用于gwt controls.Here是我的UIBinderWidget.ui.xml文件。

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">

.important { font-weight：bold; } .grid { 边框：1px solid #BBBBBB; 身高：自动; 填充：3px; }

<g:>
<g:HTMLPanel>
Label,
    <g:Button styleName="{style.important}" ui:field="button" />
    <g:TextBox ui:field="text1" width="15em" />
    <g:Grid ui:field="grid1" styleName="{style.grid}">

        <g:row>
            <g:customCell>
                <g:TextBox ui:field="text2" width="15em" />
            </g:customCell>
            <g:customCell>
                <g:TextBox ui:field="text3" width="15em" />
            </g:customCell>
        </g:row>

        <g:row>
            <g:customCell>
                <g:Button ui:field="buttonA">Button A</g:Button>
            </g:customCell>
            <g:customCell>
                <g:Button ui:field="buttonB">Button B</g:Button>
            </g:customCell>
        </g:row>
        <g:row>
            <g:customCell>
                <g:Button ui:field="addNewRow">Add New Row</g:Button>
            </g:customCell>
        </g:row>
    </g:Grid>

</g:HTMLPanel>

现在在这个xml文件中，应用于gwt控件的css在上面声明了。我想知道有什么方法可以将所有的css放在一个文件中，我只能从那个曾经的css文件中应用css吗？

不是在每个ui.xml中编写css，而是只想从一个文件中应用。（喜欢style.css）提前谢谢。

Answer 1

您可以声明ui:style喜欢：

<ui:style src='path/to/my/css' />

但总的来说，我认为将HTML与CSS完全保持在一起是一种很好的做法。

如何从UIBinder中的一个文件中应用css？

1 个答案: