Alterar CSS do tema do PrimeFaces

Programação Java
#1

Bom dia.
Eu estou utilizando o tema blitzer do PrimeFaces, ele utiliza bastante a cor vermelh em seus componentes, exceto no p:tab, que é um amarelo claro

Alguém sabe como eu faria para deixar vermelho também?
CSS com PrimeFaces me confundi :confused:

OBS: A cor fica amarela quando a tab esta ativa, do contrario fica cinza.

segue o código

<p:wizard >
				<p:tab title="Dados Pessoais">
					<p:panel>
						<h:panelGrid columns="2">
							<h:outputLabel value="Nome Completo:"></h:outputLabel>
							<p:inputText value="#{cadastroBean.cliente.nomeCompleto}"></p:inputText>
							
							<h:outputText value="Data Nascimento:"></h:outputText>
							<p:inputText value="#{cadastroBean.cliente.dataNascimento}">
								<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
							</p:inputText>
							
							<h:outputText value="Sexo:"></h:outputText>
							<p:selectOneMenu value="#{cadastroBean.cliente.sexo}">
								<f:selectItem itemLabel="Masculino" itemValue="Masculino"></f:selectItem>
								<f:selectItem itemLabel="Feminino" itemValue="Feminino"></f:selectItem>
							</p:selectOneMenu>
						</h:panelGrid>
						
					</p:panel>
					
				</p:tab>
                <p:tab title="Contato">
					<p:panel>
					
						<h:panelGrid>
							<h:outputText value="Telefone Residencial:"></h:outputText>
							<p:inputText value="#{cadastroBean.cliente.telefoneResidencial}"></p:inputText>
							
							<h:outputText value="Telefone Celular:"></h:outputText>
							<p:inputText value="#{cadastroBean.cliente.celular}"></p:inputText>
							
							<h:outputLabel value="E-mail:"></h:outputLabel>
							<p:inputText value="#{cadastroBean.cliente.email}"></p:inputText>
						</h:panelGrid>
						
					</p:panel>
					
				</p:tab>
</wizard>
#2

Tente colocar o trecho abaixo no seu código css

li.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top {
  background: red !important;
}
#3

Eu coloquei mas não alterou nada :confused:

#4

Manda inspecionar o elemento da tab ativa e posta aqui as classes que ela possui.

#5

La esta assim: <li class="ui-wizard-step-title ui-state-default ui-state-highlight ui-corner-all">DadosPessoais</li>

Na aba styles da ferramento do desenvolvedor, tem escrito .cls, e quando eu clico mostras as classes acima.

Ai eu desmarquei a opção ui-state-highlight e a cor da tab ativa ficou cinza, depois marquei de volta

Ainda na ferramenta do desenvolvedor, selecionei a cor vermelha na propriedade background, mas a cor continuou amarela, mas se eu desmarco fica cinza.

Eu tentei alterar no css mas não deu certo também.

ui-state-highlight { background-color: #cc0000 !important; }

#6

Declaração de classes no css devem iniciar com um ponto. Faça a alteração a seguir pra testar, por favor:

.ui-state-highlight
{
 background-color: #cc0000 !important;
}

Pra especializar mais o código, vc pode fazer referência ao elemento HTML ao qual se aplica a classe, desta forma o estilo se aplicará somente aos elementos li que possuam a classe em questão:

li.ui-state-highlight
{
 background-color: #cc0000 !important;
}
#7

Não foi também :frowning: