如何使用GWT增加ListBox文本的大小

Question

我正在为我的应用程序使用gwt ui binder并尝试创建一个搜索框但我不太确定如何增加列表框中的文本大小。

<g:FlowPanel styleName="{rscb.style.textAlignCenter}">    
   <g:InlineLabel ui:field="searchLabel" text="{labels.searchFor}" > </g:InlineLabel>
   <g:InlineLabel text="*" addStyleNames="{rscb.style.redStar}"></g:InlineLabel>
   <g:ListBox ui:field="searchListBox" styleName="{sccb.style.customerListText}" >
   </g:ListBox>
</g:FlowPanel>
   <g:SimplePanel addStyleNames="{rscb.style.textAlignCenter}">
   <g:Button ui:field="searchButton" text="{clabels.search}" styleName="{sccb.style.customerListText}"/>
   </g:SimplePanel>

我得到的是什么

我期待的是

任何建议都将不胜感激。

Answer 1

尝试使用css，类似这样的事情（你可能需要添加到子div或者这可能会直接起作用）

<g:FlowPanel styleName="{rscb.style.textAlignCenter}">    
   <g:InlineLabel ui:field="searchLabel" text="{labels.searchFor}" > </g:InlineLabel>
   <g:InlineLabel text="*" addStyleNames="{rscb.style.redStar}"></g:InlineLabel>

   <g:ListBox ui:field="searchListBox" addStyleNames="myCss" >

   </g:ListBox>
</g:FlowPanel>
   <g:SimplePanel addStyleNames="{rscb.style.textAlignCenter}">
   <g:Button ui:field="searchButton" text="{clabels.search}" styleName="{sccb.style.customerListText}"/>
   </g:SimplePanel>

添加此类

.myCss
{
    font-size : 2em;
}