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

I like to do this

input[type="text"]
{
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
}

Setting the outline property to none stops the browser from highlighting the box when the cursor enters