Input boxes with transparent background are not clickable in IE8

Question

I have an absolutely positioned input box in a form. The input box has transparent background:

.form-page input[type=         


        

Answer 1

IE in its infinite wisdom is deciding not to render the item because it thinks there is nothing to render. There are numerous ways to address this but basically you'll need to give IE something to chew on.

Adding a 'value=x' to the input tag itself definitely works. But more than likely it's not the best solution. A simple, color:black (without the focus) allows the element to be tabbed to. Adding ':focus' to the input style allows the element to render.

Try this: