如何破解GWT主題中可用的樣式？

Question

我需要破解一些GWT清潔主題的樣式。

例如。 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {

    background: none repeat scroll 0 0 #CCCCCC;
    padding-left: 5px;
    padding-top: 6px;
}

以上樣式存在於GWT Clean主題中。

下面是被黑的，

@external gwt-TabLayoutPanelTabs;

.gwt-TabLayoutPanelTabs {
background: none repeat scroll 0 0 #FFF000;

padding-left: 1px;
padding-top: 0px;
top: 0px;

width: 140px !important; }

在用戶界面中，我在Clean.css中看到樣式。 我的駭客風格未套用。 但是從我被黑的樣式中僅考慮以下幾行

top: 0px;

width: 140px !important; `

這三行不適用

background: none repeat scroll 0 0 #FFF000;`

padding-left: 1px;

padding-top: 0px;

有人可以幫我嗎？

在此先感謝Gnik

Answer 1

它通過添加！important;來固定。 具有所有屬性。