如何破解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;来固定。 具有所有属性。