如何通过js更改p：面板边框颜色？

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边框颜色？

由于