jsf-2 - js経由でp:panelの境界線の色を変更するには?

Question

js 経由で境界線の色を変更するにはどうすればよいですか?

次の例は、ユーザーがボタンを押している場合にのみ機能します。つまり、色がデフォルトの色に戻ります。

  <h:panelGroup>
            <p:commandButton 
                actionListener="#{bean.run}"
                value="Execute"
                update="panel1,panel2" 
                icon="ui-icon-shuffle"
                onclick="document.getElementById('panel2').style.borderColor='#00FF00'">
            </p:commandButton>
        </h:panelGroup>
    </h:panelGrid> 
</p:panel>
<p:messages id="msg" showDetail="false" autoUpdate="true"/>  
<f:verbatim><br/></f:verbatim>
<p:panel id="panel2" style="border-color: #FFFFFF">
    <p:inputTextarea value="#{bean.output}" readonly="true" rows="2" rendered="#{bean.renderOutput}"/>
</p:panel>  

panel2 の境界線の色を永久に変更するにはどうすればよいですか?

ありがとう