Sunday, December 21, 2008

How to make a HTML input Text Box transparent

When you have a input text box on top of a image, you usually need to make the textbox transparent so that users can see the image right through the input text box.
This can be done by adding the following style code
style="background-color:transparent;"
This can be added to any input html control.

<input type="text" name="name" style="background-color:transparent;" />


Get custom programming done at GetAFreelancer.com!

11 comments:

  1. Works perfect, thank you!

    ReplyDelete
  2. Thanks this is tooo good

    ReplyDelete
  3. In IE the text cursor doesn't appear.

    ReplyDelete
  4. worked perfectly for me. used as css and added border: 0px; for a invisible input box.

    thanks!

    ReplyDelete
  5. Thanks a lot. I have removed background color from forms but they were still filled until used transparent background.

    ReplyDelete
  6. its really good..
    helps me a loat...

    ReplyDelete
  7. its working nicely..
    thanks..

    ReplyDelete
  8. Oooh wait it works but i exually want that it also dont show the border can i also leave that?

    ReplyDelete
  9. thanks a lot..it works

    ReplyDelete