Transparent, borderless text input

How can I remove the border around an <input type="text"> and make its backgroun开发者_如何转开发d transparent?

Try this:

border: none;
border-color: transparent;

border: none transparent;
outline: none;

This will not only remove the border around the input field but also the orange highlight when the input is in focus.

Like this:

input {
    border: none;
    background: transparent;
}

Better late than never:

input {border-style:none;}