css - 带有 JSF 和 Primefaces 的 CSS - styleClass 不会改变字体大小

Question

有人可以告诉我为什么 selectOneMenu、InputMask、inputText 不能处理我的 css 文件类中定义的字体大小、宽度和高度？仅在使用 style = "font-size: 11px;" 时需要。

xhtml:

<h:selectOneMenu value="#{bean.parametro.numTipoAcesso}" styleClass="selectOneMenu">
 <f:selectItem itemLabel="" itemValue="" />                     
 <f:selectItem itemLabel="Acesso Básico" itemValue="1" />
 <f:selectItem itemLabel="Acesso Múltiplo DDR" itemValue="2" />
 <f:selectItem itemLabel="CNG" itemValue="3" />
</h:selectOneMenu>

<h:inputText id="numeroBilhete" styleClass="inputText" value="#{bean.parametro.numBilhetePortabilidade}" disabled="#{bean.parametro.fraude == false}"/>

<p:inputMask id="identidade" styleClass="inputText" value="#{bean.parametro.identidade}" mask="99999999-9" disabled="#{bean.parametro.naoPossuiId == true}" required="true" requiredMessage="Digite o Documento de Identidade." />

css

.selectOneMenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    width   : 193px; 
    height  : 23px; 
}

.inputText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    width   : 186px; 
    height  : 20px;
}

谢谢！

Answer 1

因此，使用 PF 3.5RC1 可以正常工作（属性样式，目的是将 inputMask 中的文本着色为灰色）：

<p:inputMask id="iDatum" value="#{referenz.verkehrstagReferenz}" mask="99.99.99" converter="#{verkehrstagBOConverter}" 
                            disabled="#{referenz.referenzTyp.toString() == 'IST'}" style="#{referenz.displayed ? '' : 'color: #808080'}" size="8">
                            <p:ajax event="blur" update="@form" process="@form" />
                        </p:inputMask>

但这不起作用（属性 styleClass）：

<p:inputMask id="iDatum" value="#{referenz.verkehrstagReferenz}" mask="99.99.99" converter="#{verkehrstagBOConverter}" 
                            disabled="#{referenz.referenzTyp.toString() == 'IST'}" styleClass="#{referenz.displayed ? '' : 'grey'}" size="8">
                            <p:ajax event="blur" update="@form" process="@form" />
                        </p:inputMask>