css - 如何破解 GWT 主题中可用的样式？

Question

我需要破解 GWT Clean 主题中的一些样式。

例如。.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; }

在 UI 中，我看到了 Clean.css 中的样式。我的黑客风格没有应用。但是我的黑客风格只考虑了以下几行

top: 0px;

width: 140px !important; `

这 3 行不适用

background: none repeat scroll 0 0 #FFF000;`

padding-left: 1px;

padding-top: 0px;

那么任何人都可以帮助我吗？

提前致谢， Gnik

Answer 1

通过添加 !important; 来修复它 与所有属性。