如何使用CSS在Google Chrome中创建无边框文本框？

Question

如何创建无边界HTML文本框以在Google Chrome浏览器中使用？如果可能的话,我宁愿在CSS中这样做.

Answer 1

CSS 3可能会有所帮助:

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

Answer 2

您可以使用以下方法从文本框中删除边框和焦点轮廓.

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

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