Text fields (textarea, text, etc) do not show the mouse pointer or typed text

Question

Text fields (textarea, text, etc) do not show the mouse pointer or typed text

Navigation

#1 by (0 votes)

1

Good evening, everyone!

I'm developing an environment for creating questionnaires, and when I collect data about the questions, I have a form for each type of question, which is selected by a dropdown-menu. It turns out that the text fields of these forms are "wrong" in some way. The mouse pointer does not appear after selecting the field (click on the text field). The typed text does not appear either.

This problem only occurs in the fields that are within the tab schema, the field reading the questionnaire title is without problems, so I guess it might be something related to these tabs and / or the dropdown-menu selection ".

Follow the project in codepen: link

There are probably a lot of things incomplete, and if it's the control part, maybe even wrong things, so please ignore them for now. I would just like to solve the problem of the text fields.

Thanks in advance!

html css

asked by anonymous 20.11.2017 / 03:16

1 answer

Joining arrays where they have a certain field equal How can I show an image that is in the database using jsp?

score 0 · Accepted Answer

The problem is in color:#fff; of class:

.tab-content{
    background-color: #B0C4DE;
    color:#fff;
    padding:5px
}

Because it is in white text color style (% with%), the text is unreadable in #fff and textarea because it has white background. Apply a color to these elements by adding the code to the CSS:

textarea, input{
  color: #000; /* neste caso, cor preta */
}