How can I create a borderless textbox in Google Chrome using CSS?

Question

How can I create a borderless HTML textbox to work in Google Chrome browser? I would prefer to do this in CSS, if possible.

Answer 1

CSS 3 might help here:

input[type=text],
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active
{
    border: 0;
    outline: none;
    outline-offset: 0;
}

Answer 2

You can use the following to remove the border and the focus outline out of the text boxes.

input[type=text], textarea {
  border: 0;
}

input[type=text]:focus, textarea:focus {
  outline: none;
}