css - PrimeFaces如何重置背景颜色

Question

我的 xhtml 上有一个重置按钮，基本上当字段为空时它会提示一条消息并且字段背景会变成红色。

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <div id="cId" class="panel-body-width panel-input-body-width">
        <div>
            <div id="snDIV" class="row row-in-fieldset-div">
                <div class="col-md-4">
                    <p:outputLabel id="myLabel" value="myNumber" />
                </div>
                <div class="col-semicolon col-md-1">
                    <p:outputLabel value=":" />
                </div>
                <div class="col-md-3 row-in-fieldset-cp">
                    <p:inputText id="myNumber"
                        value="#{userBean.myNumberInput}"
                        required="#{userBean.isRequired}"
                        requiredMessage="Input should not be empty" >
                        <p:ajax event="blur" update="myNumber myNumberMsg" />
                    </p:inputText>
                </div>
            </div>
            <div class="col-md-3 row-in-fieldset-msg">
                <p:message id="myNumberMsg" for="myNumber" />
            </div>
            </div>
        </div>
    </div>
    <br />
    <div class="panel-footer">
        <p:commandButton id="reset" value="Reset"
            actionListener="#{userBean.reset}" process="@this"
            update="myNumber myNumberMsg" >
        </p:commandButton>
    </div>
</ui:composition>

问题是，一旦我点击重置，该值就会更改为默认值并且错误消息消失，但该字段的背景颜色仍然是红色并且不会变回白色。有人知道为什么吗？

我确实尝试使用 update=":form"但似乎不起作用，我的页面无法加载。

Answer 1

你应该看看 resetInput 组件:http://www.primefaces.org/showcase/ui/misc/resetInput.xhtml