Question

我想知道是否有人知道如何更改GWT中的flextable的字体大小？我已经尝试过无数次尝试，并且无处不在，但似乎没有任何解决方案可行。我在GWT中有一个flexTable，还有很多像......

这样的标签

user_info.setText(5, 0, "Organization:");

目前我一直在尝试使用代码

在CSS页面中编写样式

.smallFont
{
    font-size: 6pt;
    background-color: #66ff66;
}

我将flexTable设置为该样式，并且表格的背景发生了变化，但字体没有变化。任何帮助将不胜感激。我到处看都在线。我甚至尝试通过...来改变每个组件的默认样式页面。

.gwt-FlexTable
{
    font-size: 6pt;
    background-color: #66ff66;
}

但无济于事......

如此令人沮丧=（

Answer 1

我使用firebug来找出GWT的CSS样式，然后在我的CSS文件中我使用“！important”来覆盖现有的CSS样式。下面有一个例子。

.gwt-TabPanelBottom {
   border-width: 1px !important;
   background: none no-repeat scroll center center #F6F6FF !important;
   padding: 0 !important;
   border: 2px solid #BFCC99 !important;    
}

Answer 2

使用！important语句覆盖通过XML导入的CSS。

或者，如果需要，您可以下载这些基本css文件，手动包含它们的副本，注释掉xml中的所有内容，并具有完整的样式控制。

这是clean.css文件，例如：

http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/theme/clean/public/gwt/clean/clean.css?r=10894

具体来说，要更改GWT Flex Table中的字体（假设您要导入clean.css），请将此示例添加到自定义css文件中并覆盖导入的表格样式：

table td{   
    font: 18px Arial, sans-serif !important;
}

更改gwt中的flextable的字体大小

2 个答案: