Как создать текстовое поле без полей в Google Chrome с помощью CSS?

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;
}

Answer 3

в css, напишите

input, textarea, input:focus, textarea:focus {
     background:transparent;
     border:0;
}

важно убедиться, что в фокусе нет рамки

Answer 4

текстовая область? Нравится:

HTML: <textarea></textarea>

CSS: textarea { border: none 0; }