Error using required inputs on Primefaces

3

I have some Primefaces inputs inside a Wizard , showing just one of them:

<p:inputText id="inputTitulo" value="#{editalBean.edital.titulo}" required="true"
            requiredMessage="Informe um título" label="titulo" />

It happens if I do not fill in this Input, when I click on the next one in the Wizard it appears the message accusing the error, but when I re-type it, it's as if the letters were white, I type, the letters are there, but are the same color as the background of the input, so it looks like it is blank, but it fills in normal.

In short, it's like I'm writing with the white letter in the inputText with white background.

Element inspection:

link

I put the difference of two inspections, when validation has not yet occurred, and after validation. The theme I'm using is the bootstrap. Almost sure that's the theme, because I changed the color of the text and it worked.

Now here's the question: how to change the text color in the theme css?

    
asked by anonymous 08.02.2015 / 19:43

1 answer

3

It seems to me that you only have a CSS problem. If you do not want to create an external CSS file, you can do this within your own page:

<style>
    .input-color{
        color: #000000 !important;
    }
</style>

There in the input you do:

<p:inputText styleClass="input-color" ... />

If you do not want to create a class just to change the text color, you can use the style option of the inputText component and place "color: # 000000! important;"

    
17.03.2015 / 13:05