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:
#textInputField {
position: relative;
width: 700px;
height: 190px;
}
#textInputField img {
position: absolute;
bottom: 45px;
}
#inputDiv {
position: absolute;
top: 50px;
left: 20px;
width: 640px;
height: 100px;
}