HTML code for setting the opacity of a text box

Asked By isabellagregorey 60 points N/A Posted on - 11/27/2012

What is the code for creating a text box that can scroll down and in which I can be able to see the image behind the text? I need an HTML code that can set the opacity of a text box with specific size. Can anyone help me?

 

• Status: Open
• Question Views: 859
• Answer Count: 3
• Vote Up 0 Vote Down

• Answer Accepted: Yes
• Question Category: Web Components

Best Answer by Vinson forman

Go To Solution

Answered By Jonn David 0 points N/A #143500

HTML code for setting the opacity of a text box

Hi Isabella!

 

In this scenario that you want to see the background image in a textbox, you really the transparency style. You can do this by adding this line to your code: style = "background-color: transparent;". For example: <input type = "text" name = "textbox" style = "background-color: transparent;" />

 

Hope this can help.

Regards,

Jonn

About Jonn David

Questions
6

Answers
8

Best Answers
2

• Vote Up 0 Vote Down

• Posted on - 11/27/2012
• Question Category: Web Components

Answered By Burneliz nancyy 0 points N/A #143501

HTML code for setting the opacity of a text box

Hello, in order for the textbox to be transparent you have to set the background-color to transparent. You can do this by inserting this css code in an html, using the style properties. An example is:

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

Add this code to the very beginning of your textbox tweaks to make sure it works. If it does not work, check for duplicated properties. If you want more customizations in your textbox, you can visit https://www.quackit.com/html/codes/html_text_box_code.cfm for more styles.

Happy coding!

About Burneliz nancyy

Questions
2

Answers
27

Best Answers
11

• Vote Up 0 Vote Down

• Posted on - 11/29/2012
• Question Category: Web Components

Best Answer

Best Answer

Answered By Vinson forman 0 points N/A #194847

HTML code for setting the opacity of a text box

Hi Dear,

Thanks that you have shared you problem with us. I hope you will be satisfied by my answer.

HTML (Hyper Text Markup Language) is very vast code language.

You can find everything in it you can do any thing in it.

You want to get the code for transparent area of text. 

Here i am going to write a code for text area transparent effect, you have to put it simply before you table code.

The Transparent code is this.

This is for text Transparent.

<textarea style="background-color: transparent;">Transparent</textarea> 

And this is for button transparent effect.
<button style="background-color: transparent;">Transparent</button>

Thanks

About Vinson forman

Questions
1

Answers
225

Best Answers
82

• Vote Up 0 Vote Down

• Posted on - 12/15/2012
• Question Category: Web Components