Прозрачный ввод текста без полей

Question

Как я могу удалить границу вокруг <input type="text"> и сделать ее фон прозрачным?

Answer 1

Попробуйте это:

border: none;
border-color: transparent;

Answer 2

Как это:

input {
    border: none;
    background: transparent;
}

Answer 3

border: none transparent;
outline: none;

Это позволит удалить не только границу вокруг поля ввода, но и оранжевую подсветку, когда вход находится в фокусе.

Answer 4

Лучше поздно, чем никогда:

input {border-style:none;}