Is there a pure CSS way to make an input transparent?

Question

How can I make this input transparent?

I\'ve tried this but it doesn\'t work.

backgro         


        

Answer 1

If you want to remove the outline when focused as well try:

input[type="text"],
input[type="text"]:focus   
{
         background: transparent;
         border: none;
         outline-width: 0;
}