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!
at
Labels:

10 comments:

  1. AnonymousJanuary 30, 2011 at 2:55 AM

    Works perfect, thank you!

    ReplyDelete
  2. AnonymousSeptember 9, 2011 at 12:12 PM

    Thanks this is tooo good

    ReplyDelete
  3. AnonymousOctober 24, 2011 at 1:47 AM

    In IE the text cursor doesn't appear.

    ReplyDelete
  4. Nick CJanuary 11, 2012 at 9:06 AM

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

    thanks!

    ReplyDelete
  5. wpmasterJanuary 24, 2012 at 11:58 PM

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

    ReplyDelete
  6. Arun.GAugust 2, 2012 at 4:23 PM

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

    ReplyDelete
  7. AnonymousSeptember 25, 2012 at 11:53 AM

    its working nicely..
    thanks..

    ReplyDelete
  8. UnknownFebruary 9, 2014 at 1:58 AM

    plz why doesnt work it by me?

    ReplyDelete
  9. UnknownFebruary 9, 2014 at 2:00 AM

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

    ReplyDelete
  10. RehanJuly 1, 2017 at 11:48 PM

    thanks a lot..it works

    ReplyDelete

Subscribe to: Post Comments (Atom)