2011-03-09 44 views
0

我使用本指南一ClientBundle內含有CssResource: http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles覆蓋體選擇時使用CssResource

我根據使用UI本指南訪問從我UiBinder的XML的樣式:與:

這對於訪問我的CSS使用html元素上的類或GWT小部件上的styleName非常有用。但是,我想覆蓋身體選擇器,我該如何實現?

當我以前在我的html文件中使用過標籤或者當我指向我的GWT模塊xml中的css時,這很好用。但是,由於這是depracted我切換到只使用CssResource。現在我自己的身體選擇器沒有使用,並使用GWT標準主題。

回答

1

好吧,我發現了兩個解決方案,自己爲此:

  1. 添加@external體的CSS選擇器來抑制選擇模糊處理,根據這個指南: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#External_and_legacy_scopes

    @external體; 體{ 我的風格 }

  2. 添加ID身體,用GWTs DOM.getElementById搶元素,並添加樣式。

    Element body = DOM.getElementById(「bodyId」); body.addClassName(AppResources.layout()。body());

希望這可以幫助其他在相同的情況。

+1

您不需要body元素的@external註釋。 @external僅對未混淆的類名稱而非元素名稱是必需的。 –