使用UiBinder在GWT CustomButton的不同面上设置样式

Question

我正在尝试在ToggleButton的不同面上设置样式名称（即upFace，downFace，...）。看起来在面上设置styleName不起作用。例如，以下内容不起作用：

<g:ToggleButton>
    <g:upFace styleName='{style.myToggleButton-up}' />
</g:ToggleButton>

但是我注意到在ToggleButton本身设置样式名称时......

<g:ToggleButton styleName='{style.myToggleButton}' />

...生成的HTML看起来像这样：

<div class="GPAKHSCBGG GPAKHSCBGG-up" role="button" aria-pressed="false">...</div>

但是，即使我定义了{style.myToggleButton-up}，也不会填充GPAKHSCBGG-up。所以我想知道如何在不必模拟全局.gwt-ToggleButton-up样式表的情况下完成此操作。请帮忙。

Answer 1

http://examples.roughian.com/index.htm#Widgets~ToggleButton

所有GWT组件都有预定义的CSS类定义，您尝试的不会覆盖定义。

Answer 2

解决方案：

  

添加@external myToggleButton，myToggleButton-up;到ui：活页夹文件。