0

Gostaria de alterar a cor de um commandButton, na verdade de vários, queria deixar setado "editar", "excluir"... etc

Meu código está assim.

<p:commandButton icon="ui-icon-trash" actionListener="#{MBFabricante.prepararExcluir}"
    oncomplete="PF('dlgFabExcluir').show();"
    update=":frmFabExcluir:pnlFabExcluir" />

Queria alterar a cor do icon

2
  • Já que você está usando um componente do primefaces, uma possibilidade seria de detectar as classes do CSS responsável pela customização do button no framework. Commented 8/06/2017 às 16:39
  • Isso que não consegui, pois sem acesso a ele Commented 8/06/2017 às 18:43

1 Resposta 1

2

Use a classe .ui-button do primefaces, veja no exemplo:

.ui-button{
    background: red !important;
}

O resultado: inserir a descrição da imagem aqui

Neste exemplo uso um arquivo .css externo. Você pode conferir que esta classe consta na Documentação do Primefaces.

1
  • Aqueles casos que o !important ajuda. Commented 12/06/2017 às 12:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .