[CSS] Transparent input fields not clickable in IE8

So you have an input field on your page which is transparent, like this:

#my_form input[type="text"]
{
border: none;
background-color: transparent;
}

It works great in Chrome, Firefox and Opera but somehow is not click-able in IE8?
IE8 can show input fields with transparency but something, due to weird bugs, it doesn’t want to. It is extremely poor browser, so all you can in a situation like this is to try a different approach.

Ok, here are a few things you might try in order to make your field usable in IE8:
1) Change “background-color: transparent” to “background: transparent”
2) Don’t make it transparent- use a background image
3) If nothing helps- use a solid color

This entry was posted on Thursday, October 11th, 2012 at 11:21 am and is filed under CSS, HTML. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “[CSS] Transparent input fields not clickable in IE8”

  1. hesam Says:

    hi dear!

    i’m from iran. i like you very much for the Id3v2 class!

    Thank you very much!!!!!!!!!!

Leave a Reply

 
TopOfBlogs Web Development & Design Blogs