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

Question

How can I make this input transparent?

<input type="text" class="foo">

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

background:transparent url(../img/transpSmall.png) repeat scroll 0 0;

Answer 1

input[type="text"]
{
    background: transparent;
    border: none;
}

Nobody will even know it's there.