P:commandButton cor de botao

6 respostas
E

Pessoal, estou um botão no meu formulario, e gostaria que uma determinado botao, fosse de outra cor

<p:commandButton  value="Observação/Indicação" onclick="obs.show();" />

Obs. ja estou um tema do prima, mas gostaria de mudar a cor SOMENTE deste botão

Alguem pode me ajudar ??

6 Respostas

M

Cara qual é seu problema verdadeiro? Já usou CSS? Voce pode usar a tag style no commandButton ou chamar um estilo do arquivo css.

E

entao, cara, tentei usar assim, mas nao alterou a cor

<p:commandButton  value="Observação/Indicação" onclick="obs.show();"  style="height: 25px; font-size: 10px;margin-right: 15px; background: red" />
M

Exemplo

<div class="buttons">
    <h:commandButton value="Button Text" styleClass="apply"/>
    <h:commandButton value="Button Text" styleClass="cross"/>
</div>
CSS

.buttons input {
    margin: 5px;
    padding: 5px 5px 5px 20px; /* 20px makes room for your background image */
    border: 1px solid #aaa;
}

.buttons .apply {
    background: #eee url(path/to/apply.png) no-repeat 0 50%;
} 

.buttons .cross {
    background: #eee url(path/to/cross.png) no-repeat 0 50%;
}
E

Assim nao era para funcionar ??? mas não esta funcionando

<p:commandButton  value="Observação/Indicação" onclick="obs.show();" styleClass="buttons"   />                            

.buttons {  
    margin: 5px;  
    padding: 5px 5px 5px 20px; /* 20px makes room for your background image */  
    border: 1px solid #aaa;      
    background-color: #cc0033;
    
}
M

verifique se você chamou o css no seu arquivo html

E

Esta sim, eu uso outras tags do css no meu xhtml.

Criado 8 de julho de 2013
Ultima resposta 8 de jul. de 2013
Respostas 6
Participantes 2