Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Transparent, borderless text input

Tags:

html

css

How can I remove the border around an <input type="text"> and make its background transparent?

like image 299
Tree Avatar asked Aug 10 '10 08:08

Tree


People also ask

How do I make input type transparent?

input[type=text] { background: transparent; border: none; } background-color:rgba(0,0,0,0);

How do I make a textbox transparent in CSS?

You can set the CSS transparent background for boxes by adding the opacity property to multiple <div> elements. Tip: you should notice that texts inside boxes take the opacity of the CSS transparent background. The RGBA function allows you to keep the text opacity.


1 Answers

Try this:

border: none; border-color: transparent; 
like image 79
Haim Evgi Avatar answered Nov 11 '22 02:11

Haim Evgi