Como setar um campo INPUT atráves do código

Front-end
#1

Olá pessoal,
Eu preciso que a fonte deste campo calendar fique da cor preta, porém mesmo com o trecho style=“color: black” o campo permanece com a mesma cor.

Ao abrir o console (F12) e clicar no campo em questão percebi que existe uma cláusula no input que a mantém da mesma cor

ao remove-la o style que eu determinei surtiu efeito.

Gostaria de saber como eu faço em código para setar este input para definir a cor preto na fonte?

Abraços

#2

vc nao pode fazer isso no css?

eu vi q vc tenta definir a cor no span,mas isso não foi cascateado para o input.

#3

Na verdade eu defini a cor por código, dessa forma:

    <p:calendar style="color: black"
     value="#{termoCessaoController.termoCessaoSelecionado.dataPagamento}"
     id="datapagamento" pattern="dd/MM/yyyy" navigator="true"
     showButtonPanel="true" showOn="button" required="true"
     requiredMessage="A data de pagamento é obrigatória" />

Mas não surte efeito no campo, quando eu aperto o F12 na página o campo aparece dessa forma:

No campo “class” existe uma classe chamada ui-state-default que esta definida dessa forma no arquivo CSS:

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background: #FFF;
box-shadow: none;
border: 1px solid #D8D8D8;
font-size: 10px !important;
text-transform: uppercase;
color: #808284;
}

Eu não posso alterado pq ele é utilizado em várias páginas, oq eu queria fazer era subscrever apenas o color para preto para aquele campo específico.

Alguém pode me dar uma força?

Abraços.