Hola,

I’ve got an input field in a slide in & out div that appears in black blackground and white colored text.
The code I am using is exactly the same as in the numerous input fields I have in this same web app.

Any idea on what may be causing this?

Here it is -> http://i.imgur.com/vYdLfLM.png (just behind the input field is a white image; it has nothing to do with the problem, I used the same set elsewhere and didn’t produce the same outcome)

 
Code:

<div id="textInputField">
   <img src="./images/inputfield.png">
   <div id="inputDiv">
      <input id="inputText" type="text" name="inputField" placeholder="Write something...">
   </div>
</div>

Javascript:

$("#textInputField").slideUp(500);

&

$("#textInputField").slideDown(500);

CSS: