PanelGrid列类

Question

我在columnClasses

的h:panelGrid代码中遇到问题

我有一个包含两列的面板网格：

<h:panelGrid columns="2" columnClasses="rp1,rp2">

    <h:message id="pass1Msg" for="pass1"/>
    <h:inputSecret id="pass1" value="#{accountBean.pass1}" required="true">
        <f:validateLength maximum="20" minimum="4"/>
        <f:ajax event="blur" render="passwordMsg"/>
    </h:inputSecret>
    <p:watermark for="pass1" value="Enter new password..."/>

    <h:message id="pass2Msg" for="pass2"/>
    <h:inputSecret id="pass2" value="#{accountBean.pass2}" required="true">
        <f:validateLength maximum="20" minimum="4"/>
        <f:ajax event="blur" render="passwordMsg"/>
    </h:inputSecret>
    <p:watermark for="pass2" value="confirm password..."/>

    <h:outputLabel value=""/>
    <h:commandButton id="resetBtn" action="#{accountBean.doReset}" value="Reset"/>
</h:panelGrid>

这是rp1,rp2类：

.rp1 {
    width: 250px;
    text-align: right;
    padding-right: 50px;
    color: red;
    font-family: yekan;
    font-size: small;
}

.rp2 {
    width: 200px;
}

.rp2[type="text"]{
    text-align: right;
}

问题是rp2[type="text"]没有呈现。

但.rp1和.rp2是有效的。

Answer 1

您可以使用css类 rp2 [type =＆＃34;密码＆＃34;] 而不是 rp2 [type =＆＃34; text＆＃34;] 。希望它有所帮助。